1.在Dreamweaver里新建html文档，图片要事先准备好并放到指定文件夹下。
2.在body里添加<img src="images/xcg.png" style="width:268pxheight:268pxborder: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/htmlcharset=utf-8" />
<title>无标题文档</title>
</head>
<body>
<!--给图片增加凸出边框-->
<img src="images/xcg.png" style="width:268pxheight:268pxborder:10px outset #CCCCFF" />
</body>
</html>
border：1px red solid这行代码就能表达层或者图边框的粗细和颜色以及边框的状态。注释：
border即是指边框。
1px也就是边框的粗细度，数字越大，边框越粗。
red是指边框的颜色，这里也可以自定义。这边是指红色。
solid是指边框是实线，不是虚线。 虚线是dashed；
用在层上： <div style="border：1px red solid"></div>
用在图上：<img src="图的地址" style="border：1px red solid">
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）