欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!
您的位置:DIVCSS5首页 > CSS入门 >

Css的边框属性

 

1、边框阴影属性:box-shadow :

h-shadow : 水平阴影距离

v-shadow : 垂直阴影距离

blur : 可选,模糊距离

spread : 可选, 阴影的尺寸

color : 可选,颜色

inset : 可选值,将当前阴影修改为内阴影

语法规范:box-shadow:h-shadow v-shadow blur spread color inset

也可简写为:box-shadow:h-shadow v-shadow blur color

举个栗子: box-shadow1px 1px 1px 1px red;

2、图片边框属性: border-image:

border-image-source : 图片路径

border-image-width:图片边框的宽度

border-image-repeat : 边框的平铺方式

取值 :repeat : 平铺 round : 铺满 stretch : 拉伸 语法规范:border-image:source width repeat;

3、轮廓,即绘制于元素周围的一条线,位于边框的外围

语法规范: outline : width style color

outline-width : 轮廓宽度

outline-style : 轮廓的样式

outline-color : 轮廓的颜色

 

如需转载,请注明文章出处和来源网址:http://www.divcss5.com/rumen/r44157.shtml

我要分享到:

必备CSS教程 Essential CSS Tutorials

必备HTML基础教程 Essential HTML Tutorials

如对文章有任何疑问请提交到DIV CSS论坛,或有任何网页制作CSS问题立即到CSS论坛发贴求解 或 直接DIVCSS5网页顶部搜索遇到DIVCSS疑问。
CSS教程文章修订日期:2017-11-01 08:47 原创:DIVCSS5
本文www.divcss5.com DIVCSS5版权所有。