[B! 見出し] sikusikuのブックマーク

sikusiku id:sikusiku

見出しに関するsikusikuのブックマーク (3)

CSS見出しデザイン21選 | MxGrain - デザイン制作
CSSで実装できるシンプルな見出しデザインを21パターンご紹介します。汎用性が高くテイストに縛られず現場ですぐ使えるデザインなのでストックしておくと便利に使えます。あなたの現場でぜひご利用ください。 CSSのみで実装するシンプルな見出しデザイン21パターン蛍光ペンのような線をひいたCSS見出しデザインラインを使ったCSS見出し HTML <h2 class="heading01">ラインを使ったCSS見出し</h2> CSS .heading01 { display: inline; font-size: 26px; background-image: linear-gradient(rgba(0,0,0,0) 70%, rgb(252,81,133) 70%); } 蛍光ペンで線を引いたような見出しデザインです。display: inlineで複数行にも対応させています。 2色を重ね
sikusiku 2022/01/23
css

webデザイン

見出し
リンク
Webサイトの基本要素見出し・リスト・引用文のスタイルを整える
2014年8月20日 CSS Webサイトを装飾していく時に無視できない要素、見出し・リスト・引用文。特にWordPressでオリジナルのテーマを作る時は、ブログ用にこれら基本の要素すべての装飾もすると思います。そんな時に使うコードのバリエーションをメモしていたので記事にしました。少し変えるだけで応用できると思うので、ぜひ使ってみてください！ ↑私が10年以上利用している会計ソフト！色、フォント、サイズなどを変えるだけで、どんなサイトでも使える見出し・リスト・引用文用のHTMLとCSSコードを紹介します。そのままコピペして使っちゃってください。少しはコーディングの手間が省ける…かもしれません。ちょいちょい使っている画像も保存して使ってもらってもOKです :) サンプル画面内の「HTML」「CSS」タブをクリックでコードが表示されます。IE6, 7, 8, FF, Chrome, Safa
sikusiku 2015/01/12
CSS

リスト

引用

見出し
リンク
見出しデザイン.com -Webデザインの“見出し”を集めたサイト-
TOP デザイン一覧グラデーションテキストのみテキスト非画像上線下線丸四角囲み線斜線未分類点線角丸はてなブックマークツイートするシェアする他のギャラリーファビコンギャラリーフッターデザインウェブコレクションこのサイトについていろんなWEBサイトの見出し部分を集めました。デザインの参考に。掲載サイトがリニューアルした場合はご紹介の見出しが使用されていない場合があります。連絡先：manage.hp+midashi@gmail.com copyright © midashi-design.com All Rights Reserved.
sikusiku 2012/01/04
見出し

Webデザイン

まとめ

参考
リンク
1