1

前： 前

後： 後

次の 2 つの画像を使用します。 これを使って

この

私のHTML：

<table class=full>
<tr>
<td class=showTemp2>
THE INFORMATION GOES HERE<br><br>
WRAPPED AROUND THE TWO SHADOW IMAGES<br><br>
AND WE ARE DONE
</td>
</tr>
</table>

私のCSS：

.full {
width: 900px;
}
.showTemp2 {
    color: #1D2F9F;
    padding-top: 30px;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 0px;
    text-align: left;
    font-size: 13px;
    font-family: Verdana, 'Source Sans Pro';
    font-weight: plain;
    width: 100%;
}

私が達成しようとしているのはアフターイメージですが、私が持っている CSS では達成できないようです。「フル」テーブルの幅に基づいて、画像を伸ばしてテキストを折り返す必要があります。

解決策:

-moz-box-shadow: 0 0 10px #ccc;
-webkit-box-shadow: 0 0 10px #ccc;
box-shadow: 0 0 10px #ccc;
4

3 に答える 3

1

画像を使用したい場合... 3 つの画像を試して使用できます...

上部の 1 番目の画像... y 軸で繰り返される 2 番目の画像 (コンテンツの長さに合わせて拡張されます) 下部の 3 番目の画像...

<table class=full>
<tr>
<td class="topPart"></td>
<td class="middlepart">
THE INFORMATION GOES HERE<br><br>
WRAPPED AROUND THE TWO SHADOW IMAGES<br><br>
AND WE ARE DONE
</td>
<td class="lastPart"></td>
</tr>
</table>

これは、2 つの画像のみを使用するよりも柔軟性があります...

于 2013-06-11T18:49:01.903 に答える