.pic3 /*图片 */
{
border: 4px solid #ffffff;
filter:progid:dximagetransform.microsoft.glow(color=#000000,strength=3);
}
<style>
.out {
position:relative;
background:#bbb;
margin:10px auto;
width:285px
}
.in {
background:#fff;
border:1px solid #555;
padding:10px 5px;
position:relative;
top:-5px;
left:-5px;
}
</style>
<div class="out"> <div class="in" > <img src="http://homepage.yesky.com//imagelist/06/24/k6xq28872yvo.jpg" alt="" /> </div></div>
img {border-color:red} 指四个边框色都是红色
img {border-color:red blue} 指上，下边框是红色，左右边框是蓝色
img {border-color:red blue yellow} 指上边框是红色，左右边框是蓝色，下边框是黄色
img {border-color:red blue yellow green} 指上，右，下，左边框分别是红色，蓝色，黄色和绿色
border-style属性
h1 {border-style:solid} 指边框为实线，none指没有边框，边框不显示，dotted指边框的样式为由短线组成的虚线，double指边框线为双线，双线再加上它们之间的空白部分的宽度就等于border-width设置的宽度，groove指3D沟槽状的边框，inset指3D内嵌边框，outset指3D外嵌边框
h1 {border-style:solid} 指四个边框都是实线
h1 {border-style:solid dotted} 指下，左边框值缺少，则取对边上，右值
h1 {border-style:solid dotted double} 指左边框缺少，则取右侧的边框值
h1 {border-style:solid dotted double ridge} 指四个边框都有值，按上，右，下，左分
再看这句话：
<img id=sample src=lu.gif border=9 style="filter:blur(strength=50) flipv()">
上面这句话表示这幅图片使用指定的像素值50设置模糊效果，并且图片垂直翻转
img.framed {
padding: 6px;
border: 1px solid #CCC;
background-color: #FFF; }
