Luxeritas ルクセリタスの画像を一括で角丸にするCSS

2022年3月4日

Japanese

Afrikaans Albanian Amharic Arabic Armenian Azerbaijani Basque Belarusian Bengali Bosnian Bulgarian Catalan Cebuano Chichewa Chinese (Simplified) Chinese (Traditional) Corsican Croatian Czech Danish Dutch English Esperanto Estonian Filipino Finnish French Frisian Galician Georgian German Greek Gujarati Haitian Creole Hausa Hawaiian Hebrew Hindi Hmong Hungarian Icelandic Igbo Indonesian Irish Italian Japanese Javanese Kannada Kazakh Khmer Korean Kurdish (Kurmanji) Kyrgyz Lao Latin Latvian Lithuanian Luxembourgish Macedonian Malagasy Malay Malayalam Maltese Maori Marathi Mongolian Myanmar (Burmese) Nepali Norwegian Pashto Persian Polish Portuguese Punjabi Romanian Russian Samoan Scottish Gaelic Serbian Sesotho Shona Sindhi Sinhala Slovak Slovenian Somali Spanish Sudanese Swahili Swedish Tajik Tamil Telugu Thai Turkish Ukrainian Urdu Uzbek Vietnamese Welsh Xhosa Yiddish Yoruba Zulu

このサイトはWordpressのテーマ「Luxeritas ルクセリタス」を使用しています。

サイト内の画像を一括で角丸にするCSS（カスケーディング スタイル シート）をGoogleで探してみたのですが、見つからなかったので、作成してみました。これで、その都度CSSを画像に指定しなくても、記事に投稿した画像は自動で角が丸くなります。

以下のコードを子テーマのstyle.cssにコピペするだけでOKです！

css

※角丸の大きさは10pxのところの数字を調整してください。
※記事以外にサイドバーやスライダーの画像も角丸になります。