图片边框样式与CSS控制最大图片显示像素

<style type=”text/”>
 html,body{margin:0;padding:0;text-align:center;background-color:#C8DDD8;}

 .con{margin:0 auto;width:568px;position:relative;height:auto;}

 .con ul{list-style:none;margin:0;padding:0;}

 .con ul li{display:inline;}

 .con ul li a    {display:block;text-decoration:none;cursor:default;float:left;}
 .con ul li a img{display:block;border:5px solid #ECEFF0;  background:#fff;max-width:568px;width:expression(this.width>568?”568px”:this.width); max-height:568px;}
</style>
</head>
<body><br /><h3>Rock</h3>
<div>
 <ul>
 <li><a href=”#”><img src=” ” title=”1″ /></a></li>
 <li><a href=”#”><img src=” ” title=”2″ /></a></li>
 <li><a href=”#”><img src=”  ” title=”3″ /></a></li>
 <li><a href=”#”><img src=”  ” title=”4″ /></a></li>
 <li><a href=”#”><img src=” ” title=”5″ /></a></li>
 </ul>
</div>

发表评论

邮箱地址不会被公开。 必填项已用*标注

click to changeSecurity Code