エグウェブ.JP@福岡/WEBセミナー・分析・WEBサイト制作

福岡でWEB分析・ホームページ・WEBサイト作成・WordPress、Googleアナリティクス、LINEスタンプ、Photshop・illustrator、Excelの講座やセミナーを開催

【CSS入門】img(ボックス)に影をつける方法|《box-shadow》プロパティ

time 2018/01/05

画像に影

画像に何か枠が付く…

でもimg borderは設定されていない…?

枠線が消えない…と思っていたら、

box-shadow:プロパティ

が設定されていたようでした。

box-shadow

.content img.alignnone {
    max-width: 100%;
    height: auto;
    margin: 10px 0;
    box-shadow: 0 2px 5px #999;
}

box-shadow:none;

にしてみます。

.content img.alignnone {
    box-shadow:none;
}

消えました。

まとめ

box-shadowというものを始めて知りましたが、border-imageでなくても画像に枠を(影を)付ける方法がありましたのでぜひ試してみて下さい!
\(^o^)/

download

プロフィール

EGUWEB

EGUWEB

【皆さまの人生に最良のファーストステップを】WEBサイトを作りたい!WEB分析を学びたいけど分からない。とりあえず色々と知りたい!皆様の悩みを解決できるように頑張ります。 [詳細]

カテゴリー