源代码
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>编程字典</title> <style> div { border: 1px solid black; background-color: lightblue; } div.ex1 { padding: 25px 50px 75px 100px; } div.ex2 { padding: 25px 50px 75px; } div.ex3 { padding: 25px 50px; } div.ex4 { padding: 25px; } </style> </head> <body> <h2>使用填充速记属性</h2> <div class="ex1">这个div元素具有25px顶部填充，50px右边填充，75px底部填充和100px左填充</div><br> <div class="ex2">这个div元素具有25px顶部填充，50px左边和右边填充，75px底部填充.</div><br> <div class="ex3">这个div元素具有25px顶部和底部填充，50px左边和右边填充.</div><br> <div class="ex4">这个div元素顶、右、底、左的填充都是25px.</div> </body> </html>
运行结果