六狼论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

新浪微博账号登陆

只需一步,快速开始

搜索
查看: 126|回复: 0

CSS控制DIV圆角

[复制链接]

升级  1%

53

主题

53

主题

53

主题

举人

Rank: 3Rank: 3

积分
203
 楼主| 发表于 2013-2-8 00:09:42 | 显示全部楼层 |阅读模式
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><HTML><HEAD><TITLE> -moz-border-radius demo – http://www.never-online.net </TITLE><META NAME="Generator" CONTENT="EditPlus"><META NAME="Author" CONTENT="never-online, blueDestiny"><META NAME="Keywords" CONTENT="never-online, blueDestiny"><META NAME="Description" CONTENT="http://www.never-online.net"><style>body, pre{font-size: 0.9em;font-family: verdana;}.moz-border-radiu{-moz-border-radius-topleft: 20px;-moz-border-radius-topright: 20px;-moz-border-radius-bottomleft: 20px;-moz-border-radius-bottomright: 20px;border: 4px solid #006600;padding: 30px;}</style></HEAD><BODY><h1> -moz-border-radius 演示 请用mozilla firefox打开本页 </h1><h4> -moz-border-radius 是 mozilla的特有CSS属性,可运用于制作圆角矩形。在CSS3中,也会有radius之类圆角的属性,而mozilla的这个CSS属性也是基于CSS3的。</h4><div class="moz-border-radiu"><pre>.moz-border-radiu{-moz-border-radius-topleft: 20px;-moz-border-radius-topright: 20px;-moz-border-radius-bottomleft: 20px;-moz-border-radius-bottomright: 20px;border: 4px solid #006600;padding: 30px;}</pre></div><br/><div style="-moz-border-radius:10px;border:4px solid #003399;padding:30px;"><pre>-moz-border-radius:10px;border:4px solid #003399;padding:30px;</pre></div></BODY></HTML>
您需要登录后才可以回帖 登录 | 立即注册 新浪微博账号登陆

本版积分规则

快速回复 返回顶部 返回列表