CSS3 边框

通过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 属性允许您规定用于边框的图片!

用于创建上面的边框的原始图片:

用于边框的图片
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值