|
<!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> |
|