CSS3边框border
border-img : border-image-source border-image-slice border-image-width border-image-outset border-image-repeat 设置边框图像
border-image-source 是图像的url (值:url/none)
border-image-slice 图像边界向内偏移 (值:px / % / fill保存图像中间部分)
border-image-width 图像边界的宽度(上右下左)(值:px / % / auto 宽度是相应的image slice的内在宽度或高度)
border-image-outset 在边框外绘制border-image-area的量 (值:length 边框图像与边框的距离/ number:border-width的倍数)
border-image-repeat (值:stretch 默认值 拉伸图像来填充区域 / repeat 平铺图像来填充区域 / round 若无法完整平铺所有图像,则对图像进行缩放以适应区域 / space 若无法完整平铺所有图像,扩展空间会分布在图像周围 / initial 将此属性设置为默认值)
border-radius:10px 10px 10px 10px 设置圆角边框 (值顺序:左上角 右上角 右下角 左下角 若省略 对角相同)
box-shadow :h-shadow v-shadow blur spread color inset 向元素设置阴影。
h-shadow 必需 水平阴影的位置 允许负值
v-shadow 必需 垂直阴影的位置 允许负值
blur 可选 模糊距离
spread 可选 阴影大小
color 可选 阴影颜色
inset 可选 从外层的阴影(开始时)改变阴影内侧阴影
- CSS3边框border-radius
- css3边框背景border-image
- 【CSS3】---为边框应用图片 border-image
- css3边框——圆角效果(border-radius)、阴影(box-shadow)、边框应用图片(border-image)
- 【CSS3】---为边框应用图片 border-image
- CSS3之边框图片border-image
- css3:border-radius圆角边框详解
- css3(border-radius)边框圆角详解
- CSS3之边框图片border-image
- CSS3边框border-radius
- CSS3 实现border边框渐变
- 【CSS3】为边框应用图片 border-image
- CSS3边框border-radius
- 控制边框颜色:《CSS3 Border-color》
- CSS3边框图片属性---border-image
- CSS3学习之边框(Border)
- 实现CSS3中的border-radius(边框圆角)示例代码
- CSS3之边框多颜色Border-color
- CSS3 边框 border-radius box-shadow
- 制作图片边框:《CSS3 Border-image》