這篇文章要跟大家介紹的內容是關於HTML5屬性:margin屬性的用法實例,有一定的參考價值,有需要的朋友可以參考一下,希望對你有幫助。
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> <style> p{ width: 100px; height: 100px; background-color: red; /* 外边距 */ margin-top: 30px; margin-left: 100px; margin-right: 100px; margin-bottom: 100px; /* 连写 */ margin: 40px; margin: 0 auto; /* 内边距 pandding */ padding: 30px; } </style> </head> <body> <p>p第一个</p> <p>p第二个</p> </body> </html>
運行效果如下:
相關推薦:
以上是HTML5屬性:margin屬性的用法實例的詳細內容。更多資訊請關注PHP中文網其他相關文章!