微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

HTML – 如何创建背景css div /圆角?

如何创建以红色框突出显示的以下html / css样式(圆角,基本背景颜色):

解决方法

使用border-radius CSS属性创建圆角边框:
-moz-border-radius: 5px;    /* Firefox 3.6-,removed in Firefox 13 */
-webkit-border-radius: 5px; /* Safari 4-,Chrome 3- */
border-radius: 5px;     /* Firefox 4+,Safari 5+,Chrome 4+,Opera 10.5+,IE9+ */

您可以省略前缀,因为Firefox 3.6或旧的webkit浏览器几乎绝迹.

虽然可以使用divs图像或PIE.htc在OldIE(IE8-)中获得圆角,但我建议不要这样做:PIE不是非常可靠,并且添加几个HTML hacks只是为了让旧IE中的某些东西起作用是一种浪费.

另见:MDN: border-radius.

原文地址:https://www.jb51.cc/html/226236.html

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐