通过css3,我们可以创建圆角边框,可以给矩形添加阴影,可以用图片来绘制边框~~
在这里我们学到以下边框属性:
border_radius(ie,ff,gg,sf,o都支持)....box-shadow(ie,ff,gg,sf,o都支持).....
border-image(ff支持,gg和sf前加-webkit-)
1.向 div 元素添加圆角:
div
{
border:2px solid;
border-radius:25px;
}
2.css边框阴影,box-shadow 用于向方框添加阴影。
box-shadow的四个参数:
x-offset x轴偏移
y-offset y轴偏移
blur 模糊值
color of shadow 阴影颜色
box-shadow:10px 10px 5px #888888;
3.
CSS3 边框图片
border-image:url(border.png) 30 30 round;
通过 CSS3 的 border-image 属性,您可以使用图片来创建边框:
border-image 属性允许您规定用于边框的图片!
用于创建上面的边框的原始图片: