html5.边框属性相关知识点
Posted 只因为你而来
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了html5.边框属性相关知识点相关的知识,希望对你有一定的参考价值。
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.边框属性相关知识点的主要内容,如果未能解决你的问题,请参考以下文章