css 定义图片边框样式

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; }