CSS を使用して、行で折り返されたテキストの塗りつぶし効果を実現します。
<p>ここに最小限の例があります: <a href="https://codepen.io/cpcpcpcpcpx/pen/VwZWoyJ">https://codepen.io/cpcpcpcpcpx/pen/VwZWoyJ</ a> </p>
<p>次の内容が含まれます: </p>
<p>
<pre class="brush:css;toolbar:false;">.wrapper {
幅: 200ピクセル;
}
h1 {
フォントサイズ: 32px;
フォントファミリー: Tahoma、Helvetica、サンセリフ;
行の高さ: 50px;
}
。ヘッダーテキスト {
背景: #aabbcc;
パディング左: 20px;
パディング右: 20px;
境界半径: 6px;
}</pre>
<pre class="brush:html;toolbar:false;"><div class='wrapper'>
