HTMLとCSSのコピペですぐに実装できる見出しデザイン14選
WEB制作で必ずと言っていいほど登場するものの１つに「見出し」があります。 そこで今回は、CSSだけで作られている見出しの中でも、実用性が高いものやCSSの最新要素を使ったものを厳選してご紹介します。コピペで簡単に実装できるので、是非使ってみてください。 飾り付きの見出し 擬似要素before、afterを使って飾りをつける見出しです。beforeとafterのcontentプロパティを変更すれば、☆や♡にすることもできます。 同じくbefore、afterを使うパターンです。transformプロパティで斜めにした長方形と長方形を重ねることで三角形を作っています。 beforeとafterを使ったシンプルな見出しです。ボーダーを指定した擬似要素の位置をpositionプロパティで指定しています。 ボーダーがある見出し キャプション付きの見出しです。シンプルなので使いやすいですが、レスポン
SassとCSS設計 | 第1回 Sassの基本
File: SASS_REFERENCE - Sass Documentationにあるコンパイル後のソースコードを見てもらうと、なんとなくイメージしやすいと思います。 出力形式を指定してコンパイル 次に出力形式を指定して、コンパイルする方法を試してみましょう。一度、Ctrl＋Cキーを押して、watchを停止します。次にコマンドを入力します。 先ほどのコマンドに加え、出力形式を--style 出力形式名として、styleオプションを指定すればいいだけです。 $ sass --watch sass:css --style compact この例では--style compactとして、compactを指定しました。出力結果は次のようになるはずです。 body { background-color: #faf9f5; color: #4d220f; } シンプルなコンパイルのときとは違い、1行
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
