教学 ♥ 有圆角的 blockquote
10 December 2011 @ 10:56 AM



转帖请留言和附上链接 ♥




这篇教大家怎样为blockquote加上圆角 (:




已经 放了blockquote代码的 :

1 Design -> Edit HTML

2 用 ctrl+F 找 :
blockquote {

然后在它的 下面 放 :
border-radius: 10px 10px;
-moz-border-radius: 10px 10px;
-webkit-border-radius: 10px 10px;

橙色的 是圆角度 每个号码必须一样




还没 放blockquote代码的 :

1 Design > Edit html

2 用 ctrl+F 找 :
]]></b:skin>

3 在它 上面 放入 :
blockquote {
background: #FFFFFF;
border: 2px solid #000000;
border-radius: 10px 10px;
-moz-border-radius: 10px 10px;
-webkit-border-radius: 10px 10px;
}




如果你的背景是图片的话 那你的代码就是 :

blockquote {
background: url(你的图片url;)
border: 2px solid #000000;
border-radius: 10px 10px;
-moz-border-radius: 10px 10px;
-webkit-border-radius: 10px 10px;
}




小解释 :

红色的 是blockquote的背景颜色

紫色的 是框框的粗细度

蓝色的 是框框的种类

青色的 的是框框的颜色

橙色highlight的 是圆角度 每个号码必须一样

号码越大 框框的角就越圆 (:




不明白的话可以留下评论问我

或者是在 Tagboard 那里留言给我哦 (:


Copyrighted by Ahhxuan. ♥