代码如下<head runat="server">
<title></title>
<asp:ContentPlaceHolder ID="head" runat="server">
</asp:ContentPlaceHolder>
<style type="text/css">
div.hsdhead {
background-image:url("image/Headtitle.jpg");
width:100%;
height:110px;
left:0px;
top:0px;
background-repeat:no-repeat;
}
div.MneuIamge {
background-image:url("image/menu.jpg");
width:100%;
height:155px;
left:0px;
}
</style>
</head>
<body style="background-color:#808080;">
<div style="width:1121px; margin:0px auto;">
<div class="hsdhead" style="color:#ff6a00;padding-left:10px;border:solid;">home</div>
<div class="MneuIamge" style="color:#ff6a00;">ceshi</div>
<form id="form1" runat="server">
<div style="padding:20px;">
<asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">
</asp:ContentPlaceHolder>
</div>
</form>
</div>
</body>
</html>如下图上面是有两副图片构成,现在的问题是我想在最上面的图片上写字,想把字体往下移,我在第一副图的div里用padding-top:10px;但是这样写使的下边的图也向下移动10px,这是什么原因啊?帮帮忙怎么才能实现这个效果啊?谢谢 我是试好多 没有实现!
<title></title>
<asp:ContentPlaceHolder ID="head" runat="server">
</asp:ContentPlaceHolder>
<style type="text/css">
div.hsdhead {
background-image:url("image/Headtitle.jpg");
width:100%;
height:110px;
left:0px;
top:0px;
background-repeat:no-repeat;
}
div.MneuIamge {
background-image:url("image/menu.jpg");
width:100%;
height:155px;
left:0px;
}
</style>
</head>
<body style="background-color:#808080;">
<div style="width:1121px; margin:0px auto;">
<div class="hsdhead" style="color:#ff6a00;padding-left:10px;border:solid;">home</div>
<div class="MneuIamge" style="color:#ff6a00;">ceshi</div>
<form id="form1" runat="server">
<div style="padding:20px;">
<asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">
</asp:ContentPlaceHolder>
</div>
</form>
</div>
</body>
</html>如下图上面是有两副图片构成,现在的问题是我想在最上面的图片上写字,想把字体往下移,我在第一副图的div里用padding-top:10px;但是这样写使的下边的图也向下移动10px,这是什么原因啊?帮帮忙怎么才能实现这个效果啊?谢谢 我是试好多 没有实现!
解决方案 »
免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货