html 文字加边框 阴影效果,CSS3之边框圆角、边框阴影和字体阴影

1.边框圆角在早期如果想要制作四周有圆角的元素时,需要专门制作一张图片(这其实没什么),但是试想一下,如果要修改圆角的各种关系,比如颜色,半径等等,必须去重新修改图片才能够实现(十分麻烦).

在html5中针对这个效果专门推出了一个属性border-radius

w3c_CSS3边框讲解页面

使用方法:属性名:border-radius

赋值方法:赋值的方法类似于marginbackground-color: rebeccapurple;          border-radius:20px;          /*设置四周的圆角*/

设置四周的圆角.pngbackground-color: aqua;

border-radius: 50px 10px;            /*上左下右,上右下左 */

上左下右,上右下左.pngbackground-color: seagreen;

border-radius: 50px 30px 10px;            /*上左,上右下左,下右*/