ボックスの輪郭を、CSSで変更

WEBページで、ボックスを作ると、四角形になりますが、ちょっと変化をつけて強調したいようなことがあると思います。
ボックスにCSSを追加して、変化をつけてみたいと思います。

吾輩は猫

吾輩はここで始めて人間というものを見た。しかもあとで聞くとそれは書生という人間中で一番獰悪どうあくな種族であったそうだ。

HTML

CSS

吾輩は猫

吾輩はここで始めて人間というものを見た。しかもあとで聞くとそれは書生という人間中で一番獰悪どうあくな種族であったそうだ。

CSS

吾輩は猫

吾輩はここで始めて人間というものを見た。しかもあとで聞くとそれは書生という人間中で一番獰悪どうあくな種族であったそうだ。

CSS

Border Image

border image

吹き出し 縦書き

torn-paper.css — News Room - UNC Health Care
CSS Ripped Border Effect with clip-path
Ripped Paper Effect

Photo by Kelsey Dody on Unsplash


新着記事

コメントは受け付けていません。