title-css1

HTML

<div class=”title”>
<h3>タイトル</h3>
<a href=”#” mce_href=”#”>more..</a>
</div>

CSS

.title{
height:24px;
width:600px;
position:relative;
background:url(images/bar01_l.gif) no-repeat left top;
border-bottom:2px solid #9C8E7B;
}

#contents .title h3{
height:24px;
width:200px;
background:url(images/bar01_r.gif) no-repeat right top;
font-size:14px;
line-height:24px;
color:#FFF;
margin:0 0 0 4px;
padding:0 0 0 8px;
float:left;
}

.title a{
height:16px;
width:32px;
position:absolute;
right:0;
top:4px;
background:url(images/more.gif) no-repeat left top;
text-indent:-5000px;
}

title-left

title-right

more

コメントを残す

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

WordPress.com ロゴ

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

Twitter 画像

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

Facebook の写真

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

Google+ フォト

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

%s と連携中


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