0

左右に 2 行の見出しがあります。

左の行は見出しの左側の残りの領域 (わずかな余白を差し引いたもの) を埋める必要があり、右の行は見出しの右側の残りの領域を埋める必要があります。

必要なものの図については、以下を参照してください。

図

4

2 に答える 2

1

要素を使用し<HR>て線を描画し、その上にテキストを含む DIV を配置し、ページと同じ背景色を指定します。

于 2012-11-07T13:59:54.303 に答える
0

親要素の背景に線が入っている 2 つの継承要素についてはどうでしょうか。子要素には白い背景が含まれ、小さなパディングがあります。子要素を親要素の中央に配置すると、目的の効果が得られるはずです。

たとえば、これはうまくいくはずです：

<html>
    <head>
        <title></title>
        <style type="text/css">
            #header {
                width: 100%;
                padding: 0;
                background: url(img/line.png) repeat-x;
            }

            #headertext{
                text-align: center;
            }

            #headertext h1 {
                display: inline;
                background-color: white;
                font-size: 150%;
                padding: 4px;
            }
        </style>
    </head>
    <body>
        <div id="header">
            <div id="headertext">
                <h1>Heading</h1>
            </div>
        </div>
    </body>
</html>
于 2012-11-07T14:14:41.460 に答える