css3边框

　　border-radius：创建圆角

div
{
border:2px solid;
border-radius:25px;　　　　　　//25px为圆角半径
}

　　圆角可以单设

• 四个值: 第一个值为左上角，第二个值为右上角，第三个值为右下角，第四个值为左下角。
• 三个值: 第一个值为左上角, 第二个值为右上角和左下角，第三个值为右下角
• 两个值: 第一个值为左上角与右下角，第二个值为右上角与左下角
• 一个值： 四个圆角值相同

　　box-shadow：添加阴影

div
{
box-shadow: 10px 10px 5px #888888;　　　　//X轴、Y轴、Z轴、颜色
}

　　border-image：添加图片

div
{
border-image:url(border.png) 30 30 round;
}

 

转载于:https://www.cnblogs.com/zyfeng/p/10482280.html