1

好的，这是我正在制作的带有花式框的订阅框，一切进展顺利。这里只是一个小问题。我正在使用的图像卡在左侧，甚至 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>

如果应用了边距属性，则整个身体都会移动，并且如果我不将图像放在背景中，则在正文中创建，这样我就无法在图像旁边写下确切的文本。

4

1 回答 1

5

我认为这会让你朝着正确的方向前进：

如果您使用 img 标签，那么这应该可以

#img1_1 {
    margin-left: 20px; 
}

如果您使用背景图像，则应使用背景位置：

body {
    background-position: 20px 20px;
}

没有冒犯，但我建议您进一步深入研究 CSS 和 HTML，因为这是一个非常基本的 CSS 问题。

于 2013-04-24T13:57:44.103 回答