盒模型中--border

三要素:宽border-width,形状border-style,颜色border-color

盒模型中--border

<style>
div{
width:300px;
height:300px;
background:blue;
border:50px solid green;
}
</style>
<body>
<div>
盒模型
</div>
</body>

solid是实线的意思、

dashed是虚线、

盒模型中--border

dotted是点线;

盒模型中--border

形状有很多的……以上是对盒子的整体设置border,而对于一边,设置只需border-top或border-bottom,border-right,border-left。不管哪边,都是有三要素的;border-top-style:dashed……

盒模型中--border

<style>

div{

width:300px;
height:300px;
background:blue;
border-top-width:10px;
border-top-style:dashed;
border-top-color:green;
}
</style>
<body>
<div>
盒模型
</div>

上一篇:微软Ignite大会我的Session(SQL Server 2014 升级面面谈)PPT分享


下一篇:SSM框架——详细整合教程(Spring+SpringMVC+MyBatis)【申明:来源于网络】