今日は、CSS を使用して左上の三角形を記述するいくつかの方法を紹介します。 概略図(幅と高さを60pxとした場合の例): この種の三角形は、通常、「ダイアログ ボックス」タイプのグラフィックスの左下隅として使用されます。 最初のもの: #三角形-上左 { 境界線: 30px 実線 #e6686e; 高さ: 0; 幅: 0; 右境界線の色: 透明; 境界線下部の色: 透明; } 2番目のタイプ: #三角形-上左 { 幅: 0; 高さ: 0; 上境界線: 60px 実線 #e6686e; border-right: 60px 透明の実線; } 3番目のタイプ: #三角形-上左 { 境界線: 60px 透明の実線; 幅: 0; 高さ: 0; 左境界線の色: #e6686e; 境界線の上部の幅: 0; } さまざまな三角形の方法やさまざまな方向の三角形を試すことができます。 よく使用される CSS グラフィックを紹介する、非常におすすめの Web サイトをご紹介します: https://css-tricks.com/the-shapes-of-css/ 以上がこの記事の全内容です。皆様の勉強のお役に立てれば幸いです。また、123WORDPRESS.COM を応援していただければ幸いです。 |
<<: インデックスを使用して数千万のデータを持つ MySQL のクエリ速度を最適化する
>>: WebページのレイアウトではIE6の互換性の問題を考慮する必要があります
以下の質問はすべて InnoDB ストレージ エンジンに基づいています。 1. 最も大きな ID を...
vi/vim の紹介どちらもマルチモード エディターです。違いは、vim が vi のアップグレー...
1. デッドロックとは何ですか?正式な定義は次のとおりです: 2 つのトランザクションが相手側で必要...
最近Tencent Cloudサーバーを購入し、環境を構築しました。このメモは、これまで MySQL...
1. VMware 15.5から新しい仮想マシンを作成する1. VMware を開き、ホームページで...
2048ミニゲーム、参考までに具体的な内容は以下のとおりですまず、2048ゲームは16のグリッドか...
この記事では、例を使用して MySQL トリガーの作成と使用について説明します。ご参考までに、詳細は...
docker を使用すると、ファイルをマウントできない場合があります。これは、仮想マシンの共有フォル...
序文皆さんはリモート サーバーで開発を行っており、MySQL の使用率はかなり高いはずです。コマンド...
ディレクトリ構造 。 │ .env │ docker-compose.yml │ └─mysql ├...
目次Tomcat でプロジェクトを展開する 3 つの方法プロジェクトをwebappsディレクトリに直...
以前 HTML を解析したことがあるので、今日は Vue ドラッグ アンド ドロップを使用して、Ku...
Web アプリケーション クラス1. みんなのためにダウンまたは私だけのためにこのウェブサイトは、ウ...
目次序文メタデータとは参照文書アドレスまずはMySQLについてお話しましょうOracleについて話し...
目次Viteプロジェクトを作成するコンポーネントの作成Viteプロジェクトを作成するパフォーマンスが...