2007-11-30 16:54:23| 分类：
表格素材 | 标签：
日志立体边框 文字立体边框 立体边框代码 |举报 |字号
订阅引用
博导-snail 的
博导看字体的立体边框基本代码
<div STYLE="border-style:solid;border-width:5pt; border-color:red">
博导提示；就在这里加文字，效果就是外面的狂</div>
看效果：
博导乱更改颜色后的效果如下：
细化得到代码： <DIV style="BORDER-RIGHT: red 5pt solid; BORDER-TOP: red 5pt solid; BORDER-LEFT: red 5pt solid; BORDER-BOTTOM: red 5pt solid">日志文字</DIV>
border-width控制边框的粗细，border-color调整边框的颜色，这里你仍然何以使用前文提到的形式如#xxxxxx的颜色数值，而
border-style则控制边框的效果，当使用“solid”则为单一颜色的线形简单边框。
Solid 简单线形边框
Double 简单双线边框 Groove 沟线立体效果边框 Ridge 脊线立体效果边框 Inset 嵌入线立体效果边框 Outset 浮出线立体效果边框
第二个代码
<div STYLE="border-style:outset;border-width:2pt; border-color: red">
<div style="width:100%;height:100%;background-color:#ffff00;">在这里添加文字</div></div>
博导的资料欢迎引用，不怕你引用，也不怕你模仿，就怕你想不到！
对于背景边框的四个边你也可以按自己的需要进行调整，以左边框为例，你可以使用下述语法：
Border-left-style:solid (double, groove, ridge, inset, outset)定制边框样式
Border-left-color: #xxxxxx定制边框颜色
Border-left-width: xpt 定制边框粗细。想看清楚点就自己试；想漂亮点也自己试；
博导用inset内置效果；其他的自己改；
<div STYLE="border-style:intset;border-width:6pt; border-color: red">
<div style="width:100%;height:100%;background-color:yellow;">在这里添加文字
</div>
</div>
其他三个边框只要分别使用Right, Top, Bottom就可以了。将下面的语法放到你的日志中预览一下，看一看是什么效果：
博导空间欢迎你 <div style= "border-top-style:outset;border-right-style:outset;border-left-style:outset;
border-bottom-style:outset;background-color:#cc3366"></div>
阅读(254)| 评论(0)
|
喜欢 推荐 转载
日志的外围边框怎么给日志加双背景的代码历史上的今天
送别2006-11-30 21:31:15
几种特效字初学者请！2006-11-30 21:13:44
教师节快乐！2006-11-30 19:33:16
【图文】美丽，适合远远的欣赏2006-11-30 19:13:35
[图文]爱，栖息在梦里2006-11-30 19:05:54
最近读者
登录后，您可以在此留下足迹。
gdrcpy Ar-Kin 河儿jh65 唯美红颜 xuyongwa 梦蝶 玫瑰 思念々你 关闭 玩LOFTR，免费冲印20张照片，人人有奖！
我要抢>评论
登录后你可以发表评论，请先登录。登录>>
本站仅提供存储服务，所有内容均由用户发布，如发现有害或侵权内容，请
点击举报。
