码迷,mamicode.com
首页 > Web开发 > 详细

html5.边框属性相关知识点

时间:2016-06-29 21:58:33      阅读:155      评论:0      收藏:0      [点我收藏+]

标签:

border-left 定义左边框 

border-top 定义上边框

border-right 定义有边框

border-bottom 定义下边框

  • 边框样式:

dotted 边框线为点状虚线

dashed 边框线为虚线

solid 边框线为实线

  • 定义单边框

border-left/top/right/bottom-width:定义左、上、右、下边框的宽度;

border-left/top/right/bottom-style:定义左、上、右、下边框的样式;

border-left/top/right/bottom-color:定义左、上、右、下边框的颜色;

  • 定义边框圆角

border-top-right-radius:定义边框右上角

border-top-left-radius:定义边框左上角

border-bottom-right-radius:定义边框右下角

border-bottom-left-radius:定义边框左下角

  • 定义边框阴影

box-shadow:

0 0 100px 20px rgba(255, 0, 0, .6),
0 0 100px 20px rgba(0, 182, 0, .6),
0 0 100px 20px rgba(255, 255, 0, .6)

  • 定义图片边框

border-image-source:定义图片地址

border-image-slice:定义图片分割方式  fill 表示填满

border-image-outset:定义图片扩展

border-image-repeat:定义图片平铺方式(repeat 重复平铺 ;stretch 拉伸平铺;yound 满铺;space 平铺铺满;)

  • 定义轮廓

outline-width、style、color:定义轮廓宽度、样式、颜色。

html5.边框属性相关知识点

标签:

原文地址:http://www.cnblogs.com/yzybc/p/5628152.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!