特定のテキストの両側にパターンが走っているウェブサイトのセクションをスタイル設定しようとしています。ここで PSD ファイルから取得したスクリーンショットをご覧ください --> http://screencast.com/t/84RCLRdSZT赤い矢印は、解決が難しい問題の領域を指しています。
これについてどうすればいいですか?
これが私が始めていることです:
<div class="box">
<h2>Some text here</h2>
</div>
そしてCSS:
.box {
width:400px;
height:200px;
text-align:center;
background:yellow;
}
h2:after,h2:before{
content:"";
border:5px double purple;
}
ここにフィドルがあります-> http://jsfiddle.net/HerrLoop/g63LB/1/
ご覧のとおり、最初のスクリーンショットでわかるように、ストライプは水平ではなく垂直です。