图片边框样式

<style>
<!--
img{
	border-color:blue;
    border-width:5px;}
img.one{
	border-left:dotted;
   border-right:groove; 
   border-top:double;
   border-bottom:outset;
   }
img.two{border-style:dashed;}
img.three{border-style:double;}
img.four{border-style:groove;}
img.five{border-style:inset;}
img.six{border-style:outset;}
img.seven{border-left:groove #0F0;
          border-right:double #CF3;}

-->
</style>
</head>
<body>
<img src="1.jpg" width="100" height="150" class="one">
<img src="2.jpg" width="100" height="150" class="two">
<img src="3.jpg" width="100" height="150"  class="three">
<img src="4.jpg" width="100" height="150" class="four">
<img src="5.jpg" width="100" height="150" class="five">
<img src="8.jpg" width="100" height="150" class="six">
<img src="9.jpg" width="100" height="150" class="seven">

</body>

posted on 2011-10-24 11:31 转阅读(597) 评论(0) 编辑收藏举报