*** 作步骤：
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>
用Dreamweaver添加悬浮框的方法
1、使用Dreamweaver软件，打开一个已经编辑完成的html页面。
2、然后打开折叠的body标签，在标签的末尾添加一个DIV。
3、在DIV里面加入一个img标签，src指向images文件夹中的一张图片。
4、这时的div并没有相应的css样式，只处在整个网页的左下角。
5、接下来我们就需要将给其添加一定的css样式，为了简便起见，我的css样式就写在页面的body标签里面了。
6、首先我们要让这个DIV的position样式为fixed，意为相对于屏幕定位。然后将top设为20pxright也设为20px这样我们的div就固定在相对距离屏幕上方和右方分别20个像素的地方。
*** 作方法如下：
1、打开Dreamweaver，ctrl+n新建html文件；
2、点击插入菜单---表单---文本域命令；
3、输入标签文字，点击确定即可。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）