CSS 擬似要素をつかってborderの二重線を引く
以下のようなHTML/CSSがある。
<div class="test">
test
</div>
.test {
position: relative;
margin: 5px;
padding: 5px;
border: 1px solid #000;
}
borderを二重線にしたい場合、border: double; をしてもいいが擬似要素を使うことでも可能。
.test::before{
content: '';
position: absolute;
top: -5px;
right: -5px;
bottom: -5px;
left: -5px;
border: 1px solid #000;
}
ディスカッション
コメント一覧
まだ、コメントがありません