lynx   »   [go: up one dir, main page]

記事へのコメント60

  • 注目コメント
  • 新着コメント
taetae109
50個もサンプルを公開してくれてありがたい

その他
anajalspg
段落 css wordpress 見出し

その他
Nyoho
見出しに使えるサンプル

その他
lodge123
“h1 { position: relative; text-align: center; } h1 span { position: relative; z-index: 2; display: inline-block; margin: 0 2.5em; padding: 0 1em; background-color: #fff; text-align: left; } h1::before { position: absolute; top: 50%; z-index: 1; content: ''; display: block; width: 100%; height: 1px

その他
botuku
見出し変更に参考

その他
hinahiropapa
見出しタグ参考

その他
rcorco
リボンリボン

その他
nosinosi3
めも

その他
hana4771
CSS

その他
hazakuratoyume
“body { counter-reset: titleNum; } section { counter-increment: titleNum; } h1 { position: relative; padding: 0 0 .5em 2em; border-bottom: 1px solid #ccc; } h1::before { position: absolute; top: 0; left: 0; content: counter(titleNum); width: 28px; height: 28px; line-height: 28px; background-color:

その他
miracle1998
見出し装飾のアイデア(。・x・)ゞ♪

その他
tailtame
h1のみ 時々span入れ子 で自分向きだ! / 全部見てなかったけど最後のネタわろた

その他
usaku
“border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;”

その他
lui-kk
便利見出し。

その他
snjx
便利

その他
paris1204
paris1204 ボーダーの使い方

2016/10/02 リンク

その他
pro_searcher
“.25em 0 .25em .75em”

その他
aiko_oomine
“h1 { position: relative; padding: .5em .75em; background-color: #f0f0f0; border-radius: 6px; box-shadow: 2px 2px 4px rgba(0, 0, 0, .1) inset; } h1::after { position: absolute; top: 100%; left: 30px; content: ''; width: 0; height: 0; border: 10px solid transparent; border-top: 15px solid #f0f0f0;

その他
hujuu
“h1 { padding-bottom: .5em; border-bottom: 1px solid #ccc; } h1:first-letter { margin-right: .1em; font-size: 1.5em; }”

その他
ny20160302
“3498db”

その他
minekoneko
タイトルバー CSS

その他
sapporojewel
見出し、HTMLとCSS

その他
K8A
css

その他
kusamonaka
kusamonaka 便利!

2016/03/27 リンク

その他
sabatora02
これは便利!

その他
thera
“h1 { padding-bottom: .5em; border-bottom: 3px double #ccc; }”

その他
yururiururi
参考になります!

その他
marshmallow808
“h1 { position: relative; padding: 0 .5em .5em 2em; border-bottom: 1px solid #ccc; } h1::before, h1::after { position: absolute; content: ''; border-radius: 100% } h1::before { top: .2em; left: .2em; z-index: 2; width: 18px; height: 18px; background: rgba(150, 150, 150, .5); } h1::after { top: .7e

その他
hitokatsu35
“h1 { position: relative; padding: 1em 4em 1em 1em; -webkit-background: linear-gradient(-155deg, rgba(0, 0, 0, 0) 1.5em, #f6f6f6 0%); background: linear-gradient(-155deg, rgba(0, 0, 0, 0) 1.5em, #f6f6f6 0%); border-radius: 6px; } h1::after { position: absolute; top: 0; right: 0; content: ''; width

その他
y-yasukawa1236
タイトル部の見出しのデザイン集

その他

注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

アプリのスクリーンショット
いまの話題をアプリでチェック!
  • バナー広告なし
  • ミュート機能あり
  • ダークモード搭載
アプリをダウンロード

関連記事

シンプルなHTMLとCSSコピペで実装できるタイトル(見出し)のデザインサンプル 50 | NxWorld

画像は使用せずにCSSだけでスタイリングしたタイトル(見出し)のデザインサンプルで、似たようなものや...

ブックマークしたユーザー

すべてのユーザーの
詳細を表示します

同じサイトの新着

同じサイトの新着をもっと読む

いま人気の記事

いま人気の記事をもっと読む

いま人気の記事 - テクノロジー

いま人気の記事 - テクノロジーをもっと読む

新着記事 - テクノロジー

新着記事 - テクノロジーをもっと読む

同時期にブックマークされた記事

いま人気の記事 - 企業メディア

企業メディアをもっと読む

Лучший частный хостинг