怎样利用css样式为html元素设置圆角框
2016-08-10 · 百度知道合伙人官方认证企业
育知同创教育
1【专注：Python+人工智能|Java大数据|HTML5培训】 2【免费提供名师直播课堂、公开课及视频教程】 3【地址：北京市昌平区三旗百汇物美大卖场2层，微信公众号：yuzhitc】
向TA提问
关注
![]()
展开全部
用css样式为html元素设置圆角框是利用border-radius属性实现的。
1、html代码：
<!DOCTYPE html>
<html>
<head>
<style>
div
{
text-align:center;
border:2px solid #a1a1a1;
padding:10px 40px;
background:#dddddd;
width:350px;
border-radius:25px;
-moz-border-radius:25px; /* 老的 Firefox */
}
</style>
</head>
<body>
<div>border-radius 属性允许您向元素添加圆角。</div>
</body>
</html>
2、css代码：
div
{
text-align:center;
border:2px solid #a1a1a1;
padding:10px 40px;
background:#dddddd;
width:350px;
border-radius:25px;
-moz-border-radius:25px; /* 老的 Firefox */
}
3、实现效果：
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
直接在css样式使用border-radius：就可以
如果border-radius：后的参数只有一个，则表示四个角
如果border-radius：后的参数只有两个，则第一个参数表示左上和右下，第二个参数表示坐下和右上
如果border-radius：后的参数只有三个，则第一个参数表示左上，第二个参数表示左下和右上,第三个参数表示右下
如果border-radius：后的参数只有四个，则参数按照上 右 下 左依次表示
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
border-radius:你要设置的宽度
这个只能在css3下使用，什么意思呢，就是只有在支持html5时才会起作用！
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
