继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

css边框圆角设置,几行代码帮你解决

幕布斯7119047
关注TA
已关注
手记 432
粉丝 28
获赞 99

    css边框圆角如何设置?很多时候在开发网页前端的时候,本篇文章将给大家来介绍一下css设置圆角边框的方法。

    css圆角只需设置一个属性:border-radius(含义是"边框半径")。你为这个属性提供一个值,就能同时设置四个圆角的半径。所有合法的CSS度量值都可以使用:em、ex、pt、px、百分比等等。

    我们来看一个css设置圆角边框代码例子:

div

{

text-align:center;

border:2px solid #a1a1a1;

padding:80px 40px;

background:pink;

width:150px;

border-radius:25px;

-moz-border-radius:25px; /* 老的 Firefox */

}

圆角边框

效果如下:

http://img.mukewang.com/62c4f4360001fe0602290181.jpg

    好啦,以上便是关于css边框圆角设置的全部内容,更多内容干货可关注慕课网~


打开App,阅读手记
0人推荐
发表评论
随时随地看视频慕课网APP