CSSのみで罫線(点線と実線)を引いたノートのようなデザインを作る
今回は、CSSだけでノートのような下線(横罫)を引いたデザインを作りました！ ここで言うノートのようなデザインとは、一定間隔毎に横に引かれた罫線のことで一行分の幅毎に引かれる線のことを指しています。 その罫線の種類は、「実線」と「点線」の2種類をCSSのみで表現しました！ ボックスデザインのCSSサンプルを作る際に罫線を引いたノートのようなデザインを作りたくてCSSのみで作成しましたが、点線にするのに少し苦労しました！ 一本線や点線、破線は、下記のCSSで表現はできますが、これだとノートのように文字の下に一行ずつ点線を引く事はできません。 border: solid 2px #ee8992; border: dashed 2px #ee8992; border: dotted 2px #ee8992; なので、今回は、CSSだけでノートのような下線を引くデザインについてです！
リストのデザインを装飾するCSSサンプル！HTMLの書き方も
今日は、WordPressでホームページなどを作成する際に役立つデザインや装飾に関してです。 今回は、リストの装飾CSSについて書きたいと思います。CSSとHTMLで「箇条書き(リスト)」の様々なデザインを作ったのでご紹介します！ リストは、「<ul>」「<ol>」「<li>」などを使う下記箇条書きのことですが、記事内でポイントをまとめる時などに使いますよね。 通常のリストのデザインは、下記の左側のようなとってもシンプルなものです。 だけど、ブログの個性を出すためにオシャレな可愛いデザインに変更できたら嬉しい！という事で、今回はCSSでカンタンにリストのデザインをオシャレに変更できるように、リストのデザインを装飾するCSSのサンプルを集めちゃいました！
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
コピペで使えるボックスデザイン！囲み枠をCSSとHTMLで可愛くオシャレに
