最新のデザインで記事枠を囲む方法(プロフィール画像が丸いCSSデザイン) | パソコンが好きになるブログ〜表技・裏技・便利技伝授!

パソコンが好きになるブログ〜表技・裏技・便利技伝授!

北海道札幌市中央区 大通駅徒歩7分のパソコンスクール「リズ札幌・ライフデザインスクール」パソコンインストラクター川上雄大によるパソコン・IT・ワンポイントレッスン。
スクールでのいろんな方のパソコンレッスンだったり、パソコンとは関係ない話だったり…

こんにちは、パソコンインストラクターの川上雄大です。

 

 

最新のデザイン(プロフィール画像が丸いCSSデザイン)で、

 

サイドバーをカスタマイズする方法は、

 

最新のデザインでサイドバーをカスタマイズする方法

 

サイドバーの見出しの色を変えるには(プロフィール画像が丸いデザインの場合)

 

 

の過去記事ですでに書いている通りですが、

 

そういえば、記事の枠についてまだ書いていなかったような気が・・・

 

 

ですので、今回お伝えしますね。

 

 

例えば、最初はこのように記事枠がない状態だとします。

 

 

 

この↓CSSコードを追加すると

 

 

/* メインエリア背景 */
.skin-bgMain {
border:5px double  #008080;
border-radius:10px;
padding: 10px;
margin-left: -20px;
background-color: #FFFFCC;
}

 

 

 

このように、記事の枠線が二重線になり、緑色になります。

そして、角も丸くなります。

 

 

 

さらに、記事一覧も同様になります。

 

 

 

ただ、さらに

 

.skin-blogArchiveBody {
padding: 30px 30px 0 30px;
background-color: #FFFFCC;
}

 

 

とすると、ビチビチ感がなくなります。

 

 

 

どうぞ、お試しくださいませ^^!

 

 


以上、アメブロカスタマイズでした。

 

Instagram

 


LIDS札幌・ライフデザインスクール
川上 雄大

 

 

 

 

川上雄大