设为首页 - 加入收藏 ASP站长网(Aspzz.Cn)- 科技、建站、经验、云计算、5G、大数据,站长网!
热搜: 手机 数据 公司
当前位置: 首页 > 运营中心 > 网站设计 > 正文

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

发布时间:2021-03-06 06:18 所属栏目:12 来源:网络整理
导读:如何创建以红色框突出显示的以下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

如何创建以红色框突出显示的以下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.

(编辑:ASP站长网)

    网友评论
    推荐文章
      热点阅读