div+css如何实现圆角矩形

 我来答
很多游戏
高粉答主

2019-06-28 · 游戏精通者,攻略技能点满
很多游戏
采纳数:91 获赞数:386886

向TA提问 私信TA
展开全部

具体操作步骤如下:

1、首先打开sublime text软件,新建一个html文件,输入基本的html结构:

2、然后设置一个div,并设置div的class属性,在上方的style中设置样式,设置背景颜色、高度和宽度并设置border边框和边框的圆角属性,完成后保存:

3、最后打开浏览器就可以看到效果:

梁洋洋001
推荐于2017-09-24 · TA获得超过298个赞
知道小有建树答主
回答量:322
采纳率:53%
帮助的人:174万
展开全部

您还这个目前只有css3.0能够实现的,目前而言主流的依然是css2.0 的 3.0的话很多·浏览器不支持的所以楼主可以学习但是在实际应用中还是不能用的兼容性问题嘛你懂得,具体的上图

本回答被提问者采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
hougy1990
2014-04-26 · 超过19用户采纳过TA的回答
知道答主
回答量:60
采纳率:0%
帮助的人:28.9万
展开全部
border-radius: 5px;
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
慕刓辞
推荐于2017-09-09 · 知道合伙人软件行家
慕刓辞
知道合伙人软件行家
采纳数:583 获赞数:1704
从事前端开发4年,喜欢专研H5各种网页效果!

向TA提问 私信TA
展开全部
圆角可以用css3的border-radius属性来实现;
如一个div宽300,高200,背景红色,圆角度为10px:
<div style="width:300px; height:200px;background:#f00;border-radius:10px"></div>
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(2)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式