「CSS」paddingを個別に指定するサンプル
環境
Google Chrome 103.0.5060.66(Official Build)
構文
1.padding-top
値 paddingを上に指定します
2.padding-right : 値
paddingを右に指定します
3.padding-bottom : 値
paddingを下に指定します
4.padding-left : 値
paddingを左に指定します
使用例
<!DOCTYPE html> <html> <head> <style> .cftA { width: 200px; border: 1px solid #000; } .cftB { padding-top: 25px; padding-right: 15px; padding-bottom: 30px; padding-left: 40px; } </style> </head> <body> <div class="cftA"> <div class="cftB">テスト22222</div> </div> </body> </html>