css图片加边框

html-css04

css图片加边框,第1张

<style>

body,td,th { color:#666666}

body { background-color: #fffmargin-left: 6pxmargin-top: 6px}

.a1 { bottom:332pxright: 230pxborder: 1px solid #999999padding:4px}

.a1 img{

-moz-box-shadow: 3px 3px 4px #000

-webkit-box-shadow: 3px 3px 4px #000

box-shadow: 3px 3px 4px #000

/* For IE 8 */

-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')"

/* For IE 5.5 - 7 */

filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')

}

</style>

</head>

<body>

<div class="a1"><img src="images/logo.jpg" width="332" height="230"/></div>

</body>

bottom:332pxright: 230px 这段不知道你是派什么用处的，你并没有设置绝对定位的属性，那么bottom和right这两个用作定位的属性是无效的

html文件中你想加边框的图片<img>标签中加一个class属性——即<img class="biankuang">

然后在css文件中定义 img.biankuang {border: 1px solid #f00}

这样就ok了。class="biankuang"这个属性的值biankuang可以自己随意取，但是css文件中的相应的img.biankuang也要保持一致。