各構成要素のデザイン – 「構成要素:ボックス、デザイン:comemo ベーシック、テーマ:Twenty Twelve」編 –

ボックス | ブログ「comemo」のデザインシリーズ「comemo ベーシック」の各構成要素の保管庫

記事中の記述
<div class="comemo_box_basic">
<h3>タイトル</h3>
<div class="text">
てすてす
</div>
</div>
CSS スタイルシートエディターに追加する CSS
/* comemo box basic -twenty twelve- */
.entry-content .comemo_box_basic {
	border: 5px solid #cccccc;
	border-radius: 7px;
	text-align: center;
}

.entry-content .comemo_box_basic .text {
	text-align: left;
	padding: 10px;
	font-size: 13px;
}

.entry-content .comemo_box_basic h3 {
	background-color: #cccccc;
	text-align: center;
	font-size: 14px;
	color: #fff;
	border: none;
	padding: 10px 0;
	margin: -1px;
}

投稿者: comemo

mac & iPad で情報をインテグレートする

 

以下に詳細を記入するか、アイコンをクリックしてログインしてください。

WordPress.com ロゴ

WordPress.com アカウントを使ってコメントしています。 ログアウト /  変更 )

Google フォト

Google アカウントを使ってコメントしています。 ログアウト /  変更 )

Twitter 画像

Twitter アカウントを使ってコメントしています。 ログアウト /  変更 )

Facebook の写真

Facebook アカウントを使ってコメントしています。 ログアウト /  変更 )

%s と連携中

%d人のブロガーが「いいね」をつけました。