角丸ボックス

ここでは、角丸ボックス に関する情報を紹介しています。

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

今日 , 角丸ボックスをつくっていたのですが

本のとおりにやってもどうしてもうまくいきません。

そこでソーシャルネットワークにトピックをたててみることにしました。

 webeffort
角丸ボックスをつくっているのですが
うまくいきません。
上端 と下端はいいのですがサイドがずれてしまいます。
どうすればうまくつくれるのでしょうか?
urlが角丸 です。
 html css は下記のように記述しています。
.contentsbox{
background-image: url("top.gif");
padding-top:13px;
width:150px;
background-repeat:no-repeat;
background-position:left-top;
}
.contentbox{
background-image:url(bottom.gif);
padding-bottom:13px;
width:150px;
background-repeat:no-repeat;
background-position:left bottom;
}
.contentbox p{
padding-left:13px;
padding-right:13px;
width:124px;
margin-top:0px;
margin-bottom:0px;
border-right:1px solid #000;
border-left:1px solid #000;
background-repeat: repeat-y;
}
-->




FC2ブログ

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。
-->

そしたら
contentbox pのwidthを2px削ったらうまくいきましたよ。
以下コードです。
コード略します。

と答えてくれそのとおりにしたらうまくいきました。
うまくったURL

独学で勉強している僕にとってはソーシャルネットワークは
強い見方になります。










スポンサーサイト
コメント
この記事へのコメント
コメントを投稿する
URL:
Comment:
Pass:
秘密: 管理者にだけ表示を許可する
 
トラックバック
この記事のトラックバックURL
http://webstreet.blog25.fc2.com/tb.php/84-0ec78d05
この記事にトラックバックする(FC2ブログユーザー)
この記事へのトラックバック
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。