A 回答 (2件)
- 最新から表示
- 回答順に表示
No.2
- 回答日時:
こんばんは
方法はいろいろあると思います。
borderで三角形を表示する方法もありますが、形状やサイズの計算が面倒なので、比較的自由に形状を設定でき、また、ストライプも自由に設定しやすいと思われる方法での一例を。
<div id="hoge"></div>
に対して、
#hoge {
height: 200px; width: 200px;
background: repeating-linear-gradient(
30deg, red, red 5px,
blue 5px, blue 10px);
clip-path: polygon(0 0, 100% 0%, 50% 86.6%);
}
とかではいかがでしょうか。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- Illustrator(イラストレーター) イラストレーターで添付画像のような五角形を簡単に作る方法を教えてください 3 2022/10/30 15:14
- 数学 三角比の相互関係「sinA^2+cosA^2=1」が直角でなくても成り立つ理由について。 これは、三 8 2022/03/31 09:22
- 数学 角度当てクイズVol.225の解き方おしえてください 1 2023/06/23 17:45
- 数学 『直角三角形であれば、辺の比が3:4:5である』ということは成り立ちますか? 10 2022/08/27 04:16
- 数学 場合の数、確率 29 導入問題 ( 円周上の鋭角三角形) 4 2023/07/06 18:00
- 囲碁・将棋 詰めろが分かりません(第71回NHK杯3回戦) 2 2023/01/07 10:48
- 囲碁・将棋 ウオーズで負けました 1 2022/08/06 06:13
- 数学 なぜ鈍角三角形の成立条件は、三角形の成立条件に対して、十分条件ではないのですか? 4 2022/07/25 22:57
- 数学 1.5:2:3=直角三角形 1:2:√3≠直角三角形ではない。 1:1:√2≠直角二等辺三角形ではな 12 2022/12/21 23:45
- 囲碁・将棋 NHK杯の対局で 1 2022/08/18 13:50
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
htmlの文字が縦書きになる
-
excelをhtmlに変換した途端、一...
-
テーブルの行を折りたたみたい...
-
HTMLで特定の文字だけ色を変え...
-
スマホでHTMLファイルを開いて...
-
HTMLです。画像をHTMLで表した...
-
メモ帳の段落の揃え方
-
CSSファイルの日本語コメントが...
-
iPhoneで HTMLファイルを閲覧
-
疑似要素で背景画像に指定したS...
-
ウェブサイトにアップされてい...
-
HTML ul li で横並びにナビゲー...
-
先日ウェブデザイン技能検定三...
-
CSS、Bootstrapについて contai...
-
URLにアクセスした際に指定した...
-
WEBページを強制的に横画面で見...
-
<input>のstep属性に違反する入...
-
静止画画像をクリックすると音...
-
角丸画像の背景色を透明にした...
-
HTMLタグのあるCSVファイルを利...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
VBAのコード隠蔽について
-
webサイト図鑑作成について
-
CSS ストライプの三角
-
ウェブデザインのリアルなイラ...
-
ApacheのBasic認証のログの取り方
-
JANコードを検索出来るサイト
-
グーグルで検索順位が上がると...
-
google.co.jpはホスト名ですか?
-
ikeyとは何ですか?
-
デスクトップにある画像のパス...
-
Basic認証のパスワードをユーザ...
-
シンプルなSNMP Managerを探し...
-
ドメインに:443を付けるとBad R...
-
外部の別ホストからのPOST送信...
-
VBのPictureBoxで画像をドラッ...
-
ユーザー管理プログラム
-
Linuxのエラーログ内容の意味に...
-
HTMLの画像自動更新について
-
ノンアダルトのライブチャット...
-
検索したときに出るサブタイト...
おすすめ情報