边框

<style type="text/css">
        	*{ margin:0px;				
			}
			img{
				float:right;}
			#a:hover{ cursor:pointer;
					color:green;
					background-color:#393;}
        </style>

　　

body>

div style="width:200px; height:200px; background-color:#3F0;">
        	<div style="width:100px; height:100px; background-color:#C30; position:absolute; top:80px;"></div>
        </div>
       
     
        <div style="width:200px; height:200px; background-color:#900;position:absolute; top:20px; z-index:-10"></div>
        
        <div style="width:200px; height:200px; background-color:#90F; position:fixed; bottom:0px; right:0px;"></div>
        <div style="width:100%; background-color:#F36;">

　　

</div>
        <div style=" display:none;width:100px; height:100px; background-color:#C00; "></div>
        <div style="width:100px; height:100px; background-color:#F3C; visibility:hidden; "></div>
        <div style="width:100px; height:100px; background-color:#3F3;"></div>
        <div style="width:100px; height:100px; border:1px solid #C30; overflow:hidden" >以依依依依i亿ii意义依依依依依依呀iyiiyiyiyiy</div>
         <img style="opacity:0.5;-moz-opacity:0.5;filter:alpha(opacity=50)" src=''
         <div id="a" style="border-radius:40px; width:200px; height:200px; background-color:#9F3; box-shadow:40px 10px 70px #099999;">第三方i和司法和斯蒂芬is是东风i哦i速佛山</div

　　

<div style="width:200px; height:200px; background-color:#3F3; padding:100px;"> <div style="width:200px; height:200px; background-color:#C00;"></div> <div style=" width:200px; height:200px; border:10px solid #606;">这是边框</div> <ul style=" list-style:inside; list-style-image:url(QQ%E5%9B%BE%E7%89%8720161030131800.png);"> <li>广州</li> <li>上海</li> <li>深圳</li> </ul>