展开全部
1.打开dw软件并创建一个新文档。
2.在dw中，编写以下css样式：<style> .mengsb {width：648px; margin：0px auto;}.jixing1 a {position：relative; width：320px; margin：0 0px 0 0; float：left; height：232px;}。
3.然后将以下图像添加到正文中，代码为：<body> <div class =“mengsb”>。
4.查看实时视图中的最终效果。
5，另外，你可以改变一些参数来实现不同的效果，可以改变背景颜色。
6.最后，看看改变颜色的效果。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
1、打开dw软件，新建一个文档。
2、在dw当中，写入以下css样式：<style>.mengsb{width:648px;margin:0px auto ;}
.jixing1 a{ position:relative;width:320px;margin:0 0px 0 0;float:left;height:232px;}。
3、然后在body当中加入以下图片，代码为：<body><div class="mengsb">。
4、在实时视图中看下最后的效果。
5、另外可以改变一些参数来实现不同的效果，可以换不同的背景颜色。
6、最后看下更改颜色后的效果。
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
这种不通过JS脚本，仅通过CSS实现有两种方法：
1、如果你b元素是a元素的子元素，可以直接通过 a b {...}这种方式定义CSS样式来控制
2、a与b是亲兄弟关系，有相同的父节点，且b跟a紧临，可以通过 a + b{..}来控制b里面的元素样式；
给出第二种的方法
.divC p{
color: bisque;
font-size: large;
}
.imgC {
width: 100px;
height: 100px;
display: none;
}
p:hover +.imgC {
display: block;
}Html部分：
<div class="divC">
<p>扫码购买</p>
<img src="7.png" class="imgC">
</div>
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
这个需要javascript来实现：
<style type="text/css">
.zone{
position:relative;
width:300px;
margin:auto;
}
.zone span{
position:absolute;
z-index:990;
top:20px;/*上下距离*/
left:-100px;/*左右距离*/
display:none;
}
</style>
<div class="zone">
<span id="erweitu"><img src="pintu/images/man.jpg" width="300" height="300" border="0" /></span>
<a href="#" id="pic">扫描</a>
</div>
<script language="javascript">
//原生写法
document.getElementById("pic").onmouseover = function(){
document.getElementById("erweitu").style.display='block';
}
document.getElementById("pic").onmouseout = function(){
document.getElementById("erweitu").style.display='none';
}
//jquery写法
/*$("#pic").hover(function(){
$("#erweitu").show();
},function(){
$("#erweitu").hide();
});*/
</script>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
