永发信息网

怎样用CSS使层的四个边角变的圆滑一些

答案:3  悬赏:20  手机版
解决时间 2021-02-25 20:41
怎样用CSS使层的四个边角变的圆滑一些
最佳答案
用到了这条代码:border-radius-left,top,bottom,right
例子如下:





无标题文档







全部回答




.navi{
   width:50%;
   height: 50px;
   background-color: rgb(206,48,99);
   border-radius:10px;
}
border-radius-left,top,bottom,right
必须用新版的浏览器追问能给个例子吗?谢啦!!!追答



无标题文档</title><br /></head><br /><body><br /><div ></div><br /><div ></div><br /></body><br /></html></div> <!--海纳信息网-手机版mip20:6_B一--> <!-- <div class="mip-adbd"> <mip-ad type="baidu-wm-ext" domain="zhsho1.zhsho.cn" token="faswzswsw"> <div id="faswzswsw"></div> </mip-ad> </div> --> <!--百度联盟广告结束--> <!--海纳信息网-手机版mip20:6_C一--> <!-- <div class="mip-adbd"> <mip-ad type="baidu-wm-ext" domain="zhsho1.zhsho.cn" token="pkjhzhhhs"> <div id="pkjhzhhhs"></div> </mip-ad> </div> --> <!--百度联盟广告结束--> <!--不良信息访问者自举报--> <div class="s-title">我要举报</div> <div class="content-jubao">如以上问答信息为低俗、色情、不良、暴力、侵权、涉及违法等信息,可以点下面链接进行举报! <mip-form method="post" url="https://m.zhsho.com/api/report.php?itemid=5636896&mid=10"> <div class="jubao"><input type="input" name="content" validatetarget="content" value="怎样用CSS使层的四个边角变的圆滑一些 "></div> <div class="jubao"><input type="input" name="type" value="不良信息"></div> <input type="submit" value="点此我要举报以上问答信息"> </mip-form> </div> <!--举报结束--> <!--大家都在看推荐--> <div class="s-title">大家都在看</div> <div class="contact"> <table width="100%"> <tr> <td><a data-type="mip" href="https://mip.zhsho.com/know/72f6ddd299183fd056b3c05fdd15bbf0.html" target="_blank" data-title="关于旅游资源的叙述,正确的是DA. 旅游资源通常划分为自然景观和历史文化景观两种类型B. 自然景观更多地表现在教育性旅游方面C. 人文景观对于探险、游乐、疗养等性质的旅游具有重要意">关于旅游资源的叙述,正确的是DA. 旅游资源通</a></td> </tr> <tr> <td><a data-type="mip" href="https://mip.zhsho.com/know/11943ff348579c9e1ca7a8c910a2e116.html" target="_blank" data-title="用简便方法计算22.5x(7.8+8.2)">用简便方法计算22.5x(7.8+8.2)</a></td> </tr> <tr> <td><a data-type="mip" href="https://mip.zhsho.com/know/4cbba1816378ddf5b41ab1c4bf0156a2.html" target="_blank" data-title="足来运转这个地址在什么地方,我要处理点事">足来运转这个地址在什么地方,我要处理点事</a></td> </tr> <tr> <td><a data-type="mip" href="https://mip.zhsho.com/know/c6667ed624080589d907c628bdae0652.html" target="_blank" data-title="从医学院坐哪路车能到翠华山?">从医学院坐哪路车能到翠华山?</a></td> </tr> <tr> <td><a data-type="mip" href="https://mip.zhsho.com/know/f739691f86e44124e2ad816ca2e6d3a2.html" target="_blank" data-title="交通事故对方要求赔偿十七万法院也会判这么多吗">交通事故对方要求赔偿十七万法院也会判这么多</a></td> </tr> <tr> <td><a data-type="mip" href="https://mip.zhsho.com/know/415aba3404af62bb029f1ca6b1e48025.html" target="_blank" data-title="【求:高中阶段的不可数名词?高中阶段都有那些不可数名词?】">【求:高中阶段的不可数名词?高中阶段都有那</a></td> </tr> <tr> <td><a data-type="mip" href="https://mip.zhsho.com/know/de4f932dcd8936fe2e4137498137a05f.html" target="_blank" data-title="庆字开头的成语">庆字开头的成语</a></td> </tr> <tr> <td><a data-type="mip" href="https://mip.zhsho.com/know/6964a05fdabf9de9941ff77e546ba4e4.html" target="_blank" data-title="一个圆柱体的桶直径1.28米高1.51米能装多少水?怎么算的">一个圆柱体的桶直径1.28米高1.51米能装多少水</a></td> </tr> <tr> <td><a data-type="mip" href="https://mip.zhsho.com/know/5e6185c5ed0f087774cca79e8ee46fea.html" target="_blank" data-title="坨坨牛肉在哪里啊,我有事要去这个地方">坨坨牛肉在哪里啊,我有事要去这个地方</a></td> </tr> <tr> <td><a data-type="mip" href="https://mip.zhsho.com/know/8e012b52b17c3f0f134a5e403fec7a10.html" target="_blank" data-title="浙江省造七分二厘光绪元宝的直径是多少">浙江省造七分二厘光绪元宝的直径是多少</a></td> </tr> <tr> <td><a data-type="mip" href="https://mip.zhsho.com/know/f1ee693c4fcd639dbaf43deadd90d831.html" target="_blank" data-title="【螺纹钢筋】螺纹钢筋的螺纹形状主要有()">【螺纹钢筋】螺纹钢筋的螺纹形状主要有()</a></td> </tr> <tr> <td><a data-type="mip" href="https://mip.zhsho.com/know/f135e1de44d83ceb20387dbeda5a8723.html" target="_blank" data-title="梦见剁鸡肉是什么意思,然后炒菜吃了">梦见剁鸡肉是什么意思,然后炒菜吃了</a></td> </tr> <tr> <td><a data-type="mip" href="https://mip.zhsho.com/know/161c784a7384edab5c9ba0332188060f.html" target="_blank" data-title="pos机签约单用保存吗">pos机签约单用保存吗</a></td> </tr> <tr> <td><a data-type="mip" href="https://mip.zhsho.com/know/490849ab7d4c3bcc3b037a80e4e5616d.html" target="_blank" data-title="七丫发型在什么地方啊,我要过去处理事情">七丫发型在什么地方啊,我要过去处理事情</a></td> </tr> <tr> <td><a data-type="mip" href="https://mip.zhsho.com/know/5c74a39afb03fe2533e6227949a623cc.html" target="_blank" data-title="长16米宽6米的房子平面设计图">长16米宽6米的房子平面设计图</a></td> </tr> </table></div> <!--大家都在看结束--> <!--海纳信息网-手机版mip原生图文_B--> <!-- <div class="mip-adbd"> <mip-ad type="baidu-wm-ext" domain="zhsho1.zhsho.cn" token="gbatkydyh"> <div id="gbatkydyh"></div> </mip-ad> </div> --> <!--百度联盟广告结束--> <!--知道推荐--> <div class="s-title">推荐资讯</div> <div class="contact"> <table width="100%"> <tr> <td><a data-type="mip" href="https://mip.zhsho.com/know/a20f6b9e0697cde8e818047f0f37edb2.html" target="_blank" data-title="VB用ADO控件连接数据库怎样判断连接是否失败?">VB用ADO控件连接数据库怎样判断连接是否失败</a></td> </tr> <tr> <td><a data-type="mip" href="https://mip.zhsho.com/know/1e8607f16b64235110d1965fe849efb9.html" target="_blank" data-title="浙江从头越楼梯有限公司地址有知道的么?有点事想过去">浙江从头越楼梯有限公司地址有知道的么?有点</a></td> </tr> <tr> <td><a data-type="mip" href="https://mip.zhsho.com/know/f26ad2192ac1efcf64617c23fea6107f.html" target="_blank" data-title="龙华食杂店我想知道这个在什么地方">龙华食杂店我想知道这个在什么地方</a></td> </tr> <tr> <td><a data-type="mip" href="https://mip.zhsho.com/know/12ee3d80453c5ebb1fe0dcbc7d4c9938.html" target="_blank" data-title="你好,成工30装载机大壁无力,工作泵新换的,发动机才维修的,还有什么原因吗">你好,成工30装载机大壁无力,工作泵新换的,</a></td> </tr> <tr> <td><a data-type="mip" href="https://mip.zhsho.com/know/862817126437e49da2d10ad3f349e13a.html" target="_blank" data-title="执迷至悔的歌词">执迷至悔的歌词</a></td> </tr> <tr> <td><a data-type="mip" href="https://mip.zhsho.com/know/b1d60f14a4a43f67ad82ab10390332f1.html" target="_blank" data-title="如果有一天太阳突然消失,地球上首先死亡的将是绿色植物,这是由于光合作用需要光">如果有一天太阳突然消失,地球上首先死亡的将</a></td> </tr> <tr> <td><a data-type="mip" href="https://mip.zhsho.com/know/e87e45d8eee60f63523e2888b82b899b.html" target="_blank" data-title="孩子8岁近视250度,应该怎么办,我想给她配镜子">孩子8岁近视250度,应该怎么办,我想给她配镜</a></td> </tr> <tr> <td><a data-type="mip" href="https://mip.zhsho.com/know/cff393b9319f9b18e0c22f720bd00720.html" target="_blank" data-title="骑马与砍杀火与剑士兵数量修改器">骑马与砍杀火与剑士兵数量修改器</a></td> </tr> <tr> <td><a data-type="mip" href="https://mip.zhsho.com/know/e1497d58a2ede168da3e82d844603ef3.html" target="_blank" data-title="有没有人有加油站里的精液公厕伪娘版的,求文件">有没有人有加油站里的精液公厕伪娘版的,求文</a></td> </tr> <tr> <td><a data-type="mip" href="https://mip.zhsho.com/know/f868bff3bc45d8d63984be9496699a3b.html" target="_blank" data-title="0.07g转换成平方米是多少">0.07g转换成平方米是多少</a></td> </tr> <tr> <td><a data-type="mip" href="https://mip.zhsho.com/know/d9d1957889d8cfe5291160787ffed17a.html" target="_blank" data-title="iir是什么材料">iir是什么材料</a></td> </tr> <tr> <td><a data-type="mip" href="https://mip.zhsho.com/know/ecdae4b12eb804d489eb89e20b93e7fd.html" target="_blank" data-title="美的洗衣机mg60-1003e<s>多少钱">美的洗衣机mg60-1003e<s>多少钱</a></td> </tr> </table><table width="100%"> <tr> <td><a data-type="mip" href="https://mip.zhsho.com/know/508c37cc66ad7f2b48119b28f5de6e2c.html" target="_blank" data-title="正方形一边上任一点到这个正方形两条对角线的距离之和等于对角线长的 A:1/3 B:1/2 C:1/4 D:2倍">正方形一边上任一点到这个正方形两条对角线的</a></td> </tr> <tr> <td><a data-type="mip" href="https://mip.zhsho.com/know/0b3ca78ea8ce3bb3d67f13092a35cf4b.html" target="_blank" data-title="阴历怎么看 ?">阴历怎么看 ?</a></td> </tr> </table></div> <!--推荐结束--> </div> <!--不良信息访问者自举报--> <br> <div class="s-title-jubao"> <mip-form method="post" url="https://m.zhsho.com/api/report.php?itemid=5636896&mid=10"> <div class="jubao"><input type="input" name="content" validatetarget="content" value="怎样用CSS使层的四个边角变的圆滑一些 "></div> <div class="jubao"><input type="input" name="type" value="不良信息"></div> <input type="submit" value="如以上问答为侵权/违法等信息,可以点此举报!"> </mip-form> </div> <!--举报结束--> <!--增加底部开始--> <div class="main"> <div class="head_footer"> <a href="https://mip.zhsho.com/">网站首页</a> | <a href="https://m.zhsho.com/about/about.html" rel="nofollow">关于我们</a> | <a href="https://m.zhsho.com/guestbook/" rel="nofollow">网站留言</a> </div> <div class="main_footer"> <a href="https://m.zhsho.com/about/contact.html" rel="nofollow">联系永发信息网</a><br> Copyright © 2024 <a href="https://mip.zhsho.com/">永发信息网</a> 版权所有 </div> </div> <!--增加底部结束--> <mip-fixed type="gototop"> <mip-gototop threshold='100'></mip-gototop> </mip-fixed> <mip-stats-baidu token="8c103b8e3599c6e1cffa7ec987eaa84b"></mip-stats-baidu> <script src="https://c.mipcdn.com/static/v2/mip.js"></script> <script src="https://mipcache.bdstatic.com/static/v1/mip-stats-baidu/mip-stats-baidu.js" async="async"></script> <script src="https://c.mipcdn.com/static/v1/mip-ad/mip-ad.js" async="async"></script> <script src="https://mipcache.bdstatic.com/static/v1/mip-lightbox/mip-lightbox.js" async="async"></script> <script src="https://mipcache.bdstatic.com/static/v1/mip-nav-slidedown/mip-nav-slidedown.js" async="async"></script> <script src="https://mipcache.bdstatic.com/static/v1/mip-share/mip-share.js" async="async"></script> <script src="https://mipcache.bdstatic.com/static/v1/mip-gototop/mip-gototop.js" async="async"></script> <script src="https://mipcache.bdstatic.com/static/v1/mip-history/mip-history.js" async="async"></script> <script src="https://c.mipcdn.com/static/v1/mip-scrollbox/mip-scrollbox.js" async="async"></script> <script src="https://c.mipcdn.com/extensions/platform/v1/mip-cambrian/mip-cambrian.js"></script> <script src="https://mipcache.bdstatic.com/static/v1.2/mip-form.js" async="async"></script> </body> </html>