返回
《CSS边框属性》PPT课件

《CSS边框属性》PPT课件

ID：39349835

大小：241.76 KB

页数：13页

时间：2019-07-01

《CSS边框属性》PPT课件_第1页
《CSS边框属性》PPT课件_第2页
《CSS边框属性》PPT课件_第3页
《CSS边框属性》PPT课件_第4页
《CSS边框属性》PPT课件_第5页
资源描述：

《《CSS边框属性》PPT课件》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、CSS边框属性CSS边框属性边框风格属性(border-style)这个属性用来设定上下左右边框的风格，它的值如下：none(没有边框，无论边框宽度设为多大)dotted(点线式边框)dashed(破折线式边框)solid(直线式边框)double(双线式边框)groove(槽线式边框)ridge(脊线式边框)inset(内嵌效果的边框)outset(突起效果的边框)★演示示例：分别使用none,dotted,dashed,solid,double,groove,ridge,inset,outset的CSS边框风格属性示例

2、tle>边框风格属性border-style.d1{border-style:none;}.d2{border-style:solid;}.d3{border-style:dotted;}.d4{border-style:dashed;}.d5{border-style:double;}.d6{border-style:groove;}.d7{border-style:ridge;}.d8{border-style:inset;}.d9{border-style:outset;}

3、>

这个div的CSS边框风格(border-style)属性缺省值是none。

这个div的CSS边框风格(border-style)属性是none。

这个div的CSS边框风格(border-style)属性是solid。

这个div的CSS边框风格(border-style)属性是dotted。

这个div的CSS边框风格(

4、border-style)属性是dashed。


这个div的CSS边框风格(border-style)属性是double。
这个div的CSS边框风格(border-style)属性是groove。
这个div的CSS边框风格(border-style)属性是ridge。
这个div的CSS边框风格(border-style)属性是inset。

5、这个div的CSS边框风格(border-style)属性是outset。
边框宽度属性(border-width)这个属性用来设定上下左右边框的宽度，它的值如下：medium(是缺省值)thin(比medium细)thick(比medium粗)用长度单位定值。可以用绝对长度单位(cm,mm,in,pt,pc)或者用相对长度单位(em,ex,px)。★演示示例：分别用medium,thin,thick和长度单位定制的CSS边框宽度属性示例边框宽度bor</p><p>6、der-width.d1{border-style:solid;}.d2{border-width:thin;border-style:solid;}.d3{border-width:thick;border-style:solid;}.d4{border-width:10px;border-style:solid;}.d5{border-width:5mm;border-style:solid;}这个div的CSS边框宽

7、度(border-width)属性缺省值是medium。
这个div的CSS边框宽度(border-width)属性值是thin。
这个div的CSS边框宽度(border-width)属性值是thick。
这个div的CSS边框宽度(border-width)属性值是10px。
这个div的CSS边框宽度(border-width)属性值是5mm。<

8、/body>边框颜色属性(border-color)这个属性用来设定上下左右边框

当前文档最多预览五页，下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页，下载文档查看全文
温馨提示：
1. 部分包含数学公式或PPT动画的文件，查看预览时可能会显示错乱或异常，文件下载后无此问题，请放心下载。
2. 本文档由用户上传，版权归属用户，天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容，确认文档内容符合您的需求后进行下载，若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误，付费完成后未能成功下载的用户请联系客服处理。