#cc6511;}記事のタイトルのリンクの色をオレンジ色にします。10px;}記事タイトルのボックスに反映します。0;ボックスの外側の余白を上20px、右0、下50px、左0にする。10px;内側の余白を10pxにする。#000;背景色を黒にします。#cc6511;枠を指定します。solid・・・線の種類。10px;枠の角を丸くします。丸さは丸の半径を指定します。この値を大きくすると角の丸みが大きくなります。0;}日付やカテゴリを表示しているボックスです。マージンだけ指定しています。#cc6511;}記事内のh2に反映します。内容は省略!border^bottomは枠の下だけを指定しています。0;}h3、h4に反映します。大きさが違うだけで全く一緒ですね。0;}段組みに指定します。Wordpressでは改行するたびに段組みが別の物になります。0;}記事内の画像に反映します。今回は親ボックスの幅いっぱいになるように指定します。30px;}ulはリストの外側のボックスです。これは順序が関係ないリストを表します。順序があるリストはulではなくolを使います。#cc6511;}リストに反映します。枠の線の種類がdashedになっていますが、これは点線を表示します。100%;}これはブログカードのタイトルに反映します。内容は省略!以上でございます。まとめ思ったより短くできましたね。サムネイル画像作ってしまっているので、本当はスマートフォン用も一緒に解説したかったんですが、別々にすることにします。それでは!次の記事CSSで記事ページをデザインする。https://tamalog.info。