ふわふわぷかぷか

javaって何?から始めた初心者のandroidアプリ開発メモ。でも最近はイラレにはまってます。

画像を繰り返してラインを引く。

htmlで、画像を繰り返してラインを引く方法。

使う画像

f:id:fuwafuwapukapuka:20150117003737p:plain(img/hosi.png

 完成サンプル

html

<hr class="hosi" />

これにcssで画像を設定します。

 

css

.hosi{
    border: 0; /* 枠がついてしまうので0にします。 */
    height: 50px; /* 画像の高さに合わせました。 */
    background-image: url(img/release_checker/line_hosi.png);
    margin: 20px 0px 20px 0px;
}

完成サンプル