dreamweaver如何添加图片边框
操作步骤:
1.在Dreamweaver里新建html文档,图片要事先准备好并放到指定文件夹下。
2.在body里添加<img src="images/xcg.png" style="width:268px;height:268px;border:10px outset #CCCCFF;" />改语句。其中:img是图片标签 src表示图片资源,images/xcg.png表示图片路径,style表示样式,width表示宽度,height表示高度,border表示图片边框,outset表示边框突出,#CCCCFF表示边框颜色。
3.效果图。
网页完整代码清单如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<body>
<!--给图片增加凸出边框-->
<img src="images/xcg.png" style="width:268px;height:268px;border:10px outset #CCCCFF;" />
</body>
</html>