<style>
div{
width: 500px;
height: 100px;
border-bottom: 1px solid red; /* 本场主角 */
border-top:1px solid rgb(52, 238, 0) ;
border-left: 1px solid blue;
border-right: 1px solid rgb(7, 7, 5);
}
</style>
<body>
<div>666</div>
</body>运行结果是下面这个，上面是代码。
border就是加边框的样式，后面带个方位的词就可以给四个变加不同的线。如果四条边加一样的线就不要带后面的方位。
说一下后面带的值1px solid rgb(7, 7, 5)；1px是粗细 。中间的值这个是线的样式，solid表示这个线是实线，还有好几个值，回放在后面。最后是颜色就是上面这个图四个不同的颜色，可以自己设置。
中间的值有好几种，看自己需要我已经放在下面了。
dotted：点状边框。dashed：虚线边框。double：双线边框。groove：3D凹槽边框。其效果取决于边框的颜色值。ridge：3D垄状边框。其效果取决于边框颜色值。inset：3D凹边边框。其效果取决于边框颜色值。outset：3D凸边边框。其效果取决于边框颜色值。none：无边框。hidden：隐藏边框。与none类似，但在某些情况下，它可能有特殊的视觉效果。
1151
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
