中财网歌手白雪的孩子和老公:教你如何美化你的 边框
来源：百度文库 编辑：中财网 时间：2024/04/28 05:58:40
教你美化你的模块边框
现在开始教大家如何美化边框：
看一下.modbox{}，这个其实就是模版当中一大块主体的代码：
其中的：border-left:1px solid #813533;border-right:1px solid #813533
其实就是模版左右两边边框线的设置代码，border-left是设置左边的边框线，border-right是设置右边的边框线
其中的1px就是设置边框线粗细的，大家如果不想要边框线，设置0就可以了
其中的solid是设置边框线的样式的，它的作用就是指定边框为实线边框，这还有更多的样式介绍：
dotted： 点线
dashed : 虚线
double : 双线边框
groove : 3D凹槽
ridge : 菱形边框
inset : 3D凹边
outset : 3D凸边
如果大家不想要solid的样式，只要把它换成上面你想要的样式的代码就可以了，不过这里要说一下，上面第3个到最后一个的样式，也就是从双线边框到3D凸边的样式都取决于边框线的粗细来显示效果的，如果边框线的粗细小于3px，一般是看不出来效果的
#813533就是边框的颜色设置，大家可以换成自己喜欢的颜色代码上去的
这里已经对边框的三个参数1px，solid以及#813533做出了解释，之后提及的边框属性将不再对这些参数作解释
接着来看下：
.modbl{}
.modbc{}
.modbr{}
这三个就是分别设置模版左下角，底边中央，右下角的代码：
.modbl{}中的border-left:是设置左下角左边框的属性的，border-bottom是设置左下角底边的边框属性的
.modbc{}中的border-bottom:是设置边框当中一段底边属性的
.modbr{}中的border-right:是设置右下角右边框的属性的，border-bottom是设置右下角底边的边框属性的
这就是美化边框的简单教程.