CSS3-边框效果

来源：互联网发布：项目建议书软件编辑：程序博客网时间：2024/05/02 01:30

CSS3-边框效果

CSS3-圆角

在CSS3中处理圆角非常容易只要一个属性：border-radius

<!DOCTYPE html><html><head><meta charset="utf-8"> <title>test</title> <style>     div    {        border:2px solid #a1a1a1;        padding:10px 40px;         background:#dddddd;        width:300px;        border-radius:25px;    }</style></head><body>    <div>border-radius 属性允许您为元素添加圆角边框！ </div></body></html>

CSS3-阴影边框

在CSS3中使用属性 box-shadow 可以为边框添加阴影效果

<!DOCTYPE html><html><head><meta charset="utf-8"> <title>test</title> <style>     div{        width:300px;        height:100px;        background-color:yellow;        box-shadow: 10px 10px 5px #888888;    }</style></head><body>    <div></div></body></html>

CSS3-图片边框

在CSS3中使用 border-image 可以使用图片创建边框

未完待续！！！。。。。。。。

0 0