`
kayo
  • 浏览: 548036 次
  • 性别: Icon_minigender_1
  • 来自: 安徽
社区版块
存档分类
最新评论

CSS控制DIV圆角

阅读更多
<!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>
 
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics