HTML: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> -moz-outline - 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; } .copyright { text-align: center; font-size: 1em; } .outline { -moz-outline-color: #000000; -moz-outline-width: 1px; -moz-outline-style: solid; -moz-outline-radius: 5px; -moz-border-radius: 5px; border: 1px solid #ffffff; color: #ffffff; font-family: verdana; } .div { width: 500px; background-color: #999999; padding: 20px; } .button { padding: 2px; background-color: #399f9f; font-size: 9pt; } </style> </HEAD> <BODY> <h1> Mozilla -moz-outline CSS </h1> <h4> Notes：</h4> <h5> 有些时候我们在设计时，会把一个图形描两次边，而在网页中，只有一个border，在CSS 2中，有outline这个属性的，但是IE6尚不支持。<br/> 而在Mozilla 中，我们完全拥有这个属性outline（低版本不支持，在较高的版本中已经支持）。<br/> 这里介绍的是另一个moz自身属性：-moz-outline </h5> <h4> CSS 语法：</h4> <h5> -moz-outline: 边框颜色 边框宽度 边框样式<br/> -moz-outline-raius: 边框圆角;<br/> 或者：<br/> -moz-outline-color: 边框颜色;<br/> -moz-outline-width: 边框宽度;<br/> -moz-outline-style: 边框样式;<br/> -moz-outline-radius: 边框圆角;<br/> </h5> <h4> 说明：</h4> <h5> 无 </h5> <h4> 示例：</h4> <p><input type="button" class="outline button" value="button"/></p> <div class="outline div"> <pre> .outline { -moz-outline-color: #333333; -moz-outline-width: 1px; -moz-outline-style: solid; border: 1px solid #ffffff; background-color: #399f9f; padding: 5px; color: #ffffff; font-family: verdana; } .div { width: 100px; height: 20px; } .button { width: 75px; height: 35px; } </pre> </div> <h4 class="copyright"> Power By blueDestiny, never-online, <a href="http://www.never-online.net" _fcksavedurl="http://www.never-online.net">http://www.never-online.net</a> </h4> </BODY> </HTML>