763万 キーワード

2021年 検索パフォーマンス

57.8万 ユーザー

2021年 訪問ユーザー数

WordPressのスキルアップはこちら!▶[click]

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

CSS(シーエスエス)
この記事は約1分で読めます。
スキルアップで未来を変える!!
情熱があれば【誰でも】挑戦できます!
ここからSTART↓

画像に影

画像に何か枠が付く…

でも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^)/

Loading
「ワードプレスで未来を変える!」
【未経験挑戦可!】スキルアップしたい!WordPressに挑戦したい!何かに挑戦して人生を変えたい!!という方をお待ちしています↓↓
CSS(シーエスエス)
EGUWEB
タイトルとURLをコピーしました