css3做圆角右边是圆角左边是直角

[复制链接]
查看11 | 回复3 | 2018-3-7 12:43:38 | 显示全部楼层 |阅读模式
问题:css3做圆角右边是圆角左边是直角 解答:注意css改动这里,nav ul li{ float:left; margin:0 20px; background-color:#999;border-radius:10px 0 0 10px; -moz-border-radius:10px 0 0 10px; font-size:30px;}理解:border-radius属性1)border-radius:10px;等价于:border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-right-radius:10px;border-bottom-left-rad...
回复

使用道具 举报

千问 | 2018-3-7 12:43:38 | 显示全部楼层
-webkit-border-top-right-radius 右上角为圆角-webkit-border-bottom-right-radius 右下角为圆角同理可设置左上左下的圆角属性...
回复

使用道具 举报

千问 | 2018-3-7 12:43:38 | 显示全部楼层
nav{background-color:#333;}nav背景覆盖了它的父元素把nav的background-color:#333;去掉...
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

主题

0

回帖

4882万

积分

论坛元老

Rank: 8Rank: 8

积分
48824836
热门排行