私はborder
、を使用しましたがborder-top-image
、border-image
私が求めていることを行うものはないようです。
私は次のCSSを持っています:
#footer {
overflow: hidden;
clear: both;
width: 100%;
margin: 0 auto;
padding: 26px 0 30px 0;
border-top-image: url('http://www.mycelticcrossstitch.com/celtic%20knot%20cross%20stitch.jpg');
font-size: 0.8461538461538462em;
color: #aaa;
}
これは、私が取り組んでいる Web サイトには当てはまらないようです。Firefox と Chrome で試してみました。
画像を上部の境界線にのみ表示し、他の境界線を持たないようにしたい(つまり、のようなものです<hr />
)