さて、これは私が作っているファンシーボックス付きのサブスクリプションボックスで、すべてうまくいっています。ここでちょっとした問題です。私が使用している画像は左にくっついており、margin プロパティでさえ役に立ちません。
<style type="text/css">
body{
background-image:url(../../images/subscribe.png);
background-repeat:no-repeat;
background-position:left bottom;
margin-bottom:85px;
line-height:2px;
margin-left:10px;
margin-right:10px;
}
#h1_1 {
something;
}
#h1_2 {
something;
}
#h1_3 {
something;
}
/*
#img1_1 {
background-position:left bottom;
margin:0px;
background-repeat:no-repeat;
}
*/
</style>
</head>
<body>
<p id="h1_1">
<b>Subscribe Us</b>
<br>
<p id="h1_2"> Sometext</p><!-- end h1_2 -->
<p id="h1_3"> sometext</p><!-- end h1_3 -->
</p> <!-- end h1_1 -->
<!-- <img src="../../images/subscribe.png" id="img1_1"> -->
</body>
</html>
マージン プロパティが適用されると、ボディ全体が移動し、背景に画像を配置しないとボディに作成すると、画像のすぐ横に正確なテキストを書くことができません。