如何用CSS实现圆角框?
3个回答
2016-01-09 · 做真实的自己 用良心做教育
千锋教育
千锋教育专注HTML5大前端、JavaEE、Python、人工智能、UI＆UE、云计算、全栈软件测试、大数据、物联网+嵌入式、Unity游戏开发、网络安全、互联网营销、Go语言等培训教育。
向TA提问
关注
![]()
展开全部
//css代码
.divbox{ width:200px;}
.div1{ background:#999999; border-left:#999999 solid 1px; border-right:solid 1px #999; margin:0px 2px; height:1px; overflow:hidden;}
.div2{background:#FFF; border-left:#999999 solid 1px; border-right:solid 1px #999; margin:0px 1px; height:1px; overflow:hidden;}
.divmiddle{ height:100px;border-left:#999999 solid 1px; border-right:solid 1px #999;}
//html代码
<div class="divbox">
<div class="div1"></div>
<div class="div2"></div>
<div class="divmiddle">内容</div>
<div class="div2"></div>
<div class="div1"></div>
</div>
上面代码实现的效果如下：
本回答由电脑网络分类达人 郭贝贝 推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
博思aippt
2024-07-20 广告
博思AIPPT是基于ai制作PPT的智能在线工具，它提供了4种AI制作PPT的方式，包括AI生成大纲、AI直接生成PPT、文本生成PPT、AI提炼word文档生成PPT，一站式集成多种AI生成PPT的方式，可满足办公用户的不同需求和使用场景...
点击进入详情页
本回答由博思aippt提供
展开全部
#gaga{border:3px solid #f00;border-radius: 5px 6px 7px 8px;}
5px代表的是左上角的弧度；
6px代表的是右上角的弧度；
7px代表的是右下角的弧度；
8px代表的是左下角的弧度；
5px代表的是左上角的弧度；
6px代表的是右上角的弧度；
7px代表的是右下角的弧度；
8px代表的是左下角的弧度；
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
纯css定义比较麻烦，而且不是很实用，简单点的就是用正常的div，边框做一个圆角做背景，其他的利用滤镜反转后，z轴层级设置较高进行覆盖
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
