p { margin-top: 20px; margin-right: 30px; margin-bottom: 10px; margin-left: 50px; }
上面的代码演示了如何使用CSS外边框名称来设置段落元素的外部间距。其中,margin-top用于设置段落元素与其上方元素的距离,margin-right用于设置段落元素与其右边元素的距离,margin-bottom用于设置段落元素与其下方元素的距离,margin-left用于设置段落元素与其左边元素的距离。
此外,还可以使用快捷方式来一次性设置四个方向的外边框大小,如下所示:
p { margin: 10px 20px 30px 40px; }
上面的代码将会使段落元素在上、右、下、左四个方向上的外边距分别为10px、20px、30px、40px。
总之,CSS外边框名称是一种非常实用的CSS属性,掌握它的使用可以帮助大家更好地控制页面元素的位置和布局。