网页制作 > HTML/Xhtml >
HTML网页图片标记
佚名
图像的边框属性BORDER
默认的图片是没有边框的，通过属性可以为图像添加边框线。我们可以设置边框线的宽度，但边框的颜色是不可以调整的。当图像上没有添加链接的时候，边框的颜色为黑色；当图像添加了链接时，边框的颜色和链接文字颜色一致，默认为深蓝色。
value为边框线的宽度，单位为像素。 文件范例：9-5.htm
通过<img>标记的border属性设置图片的边框。
01 <!-- ------------------------------ -->
02 <!-- 文件范例：9-5.htm -->
03 <!-- 文件说明：设定图片的边框 -->
04 <!-- ------------------------------ -->
05 <html>
06 <head>
07 <title>设定图片的边框</title>
08 </head>
09 <body>
10 <h1>主流的网页设计软件</h1>
11 <img src="9-1.JPG" border="3">
12 目前，网页技术进入了一个新的阶段，现在的网页再也不是图片的堆积和枯燥无味的文本了，人们现在追求的是网页的动态效果和交互性。而Macromedia公司的网页设计三剑客软件Dreamweaver、Flash、Firewrks正是交互性网页设计的杰出代表，其最新版本mx 2004继承了前期版本的优点，进行了功能的进一步整合，非常适合于网页设计和网站建设的需要。<p>
13 </body>
14 </html> 文件说明
第11行设定了图片的边框为3像素。
默认的图片是没有边框的，通过属性可以为图像添加边框线。我们可以设置边框线的宽度，但边框的颜色是不可以调整的。当图像上没有添加链接的时候，边框的颜色为黑色；当图像添加了链接时，边框的颜色和链接文字颜色一致，默认为深蓝色。
-
基本语法
<img src="File＿name" border="value">
value为边框线的宽度，单位为像素。 文件范例：9-5.htm
通过<img>标记的border属性设置图片的边框。
01 <!-- ------------------------------ -->
02 <!-- 文件范例：9-5.htm -->
03 <!-- 文件说明：设定图片的边框 -->
04 <!-- ------------------------------ -->
05 <html>
06 <head>
07 <title>设定图片的边框</title>
08 </head>
09 <body>
10 <h1>主流的网页设计软件</h1>
11 <img src="9-1.JPG" border="3">
12 目前，网页技术进入了一个新的阶段，现在的网页再也不是图片的堆积和枯燥无味的文本了，人们现在追求的是网页的动态效果和交互性。而Macromedia公司的网页设计三剑客软件Dreamweaver、Flash、Firewrks正是交互性网页设计的杰出代表，其最新版本mx 2004继承了前期版本的优点，进行了功能的进一步整合，非常适合于网页设计和网站建设的需要。<p>
13 </body>
14 </html> 文件说明
第11行设定了图片的边框为3像素。