【代碼筆記】Web-CSS-CSS Padding(填充)

一,效果圖。html

 

 

二,代碼。spa

 

複製代碼
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>CSS padding</title> <style> p { background-color: yellow; } p.padding { padding-top: 25px; padding-bottom: 25px; padding-right: 50px; padding-left: 50px; } </style> </head> <body> <p>This is a paragraph with no specified padding.</p> <p class="padding">This is a paragraph with specified paddings.</p> </body> </html>
複製代碼

 

 

參考資料:《菜鳥教程》code

相關文章
相關標籤/搜索