本文介绍了CSS中不同边框样式的实现效果，并通过实例展示了padding-bottom和margin-bottom属性的应用，帮助读者理解如何调整元素间距。
background-color:#FFFFCC;
}
–>
</style>
</head>
<body>
<div style=”border-style:dashed”>The border-style of dashed.</div>
<div style=”border-style:dotted”>The border-style of dotted.</div>
<div style=”border-style:double”>The border-style of double.</div>
<div style=”border-style:groove”>The border-style of groove.</div>
<div style=”border-style:inset”>The border-style of inset.</div>
<div style=”border-style:outset”>The border-style of outset.</div>
<div style=”border-style:ridge”>The border-style of ridge.</div>
<div style=”border-style:solid”>The border-style of solid.</div>
</body>
</html>
<html>
<head>
<title> padding -bottom 的运用</title>
</head>
<body>
<p style=”border-bottom: 8px dotted blue; padding-bottom: 30px;”>
We can read of things that happened 5,000 years ago in the Near East, where people
first learned to write. But there are some parts of the world where even now people
cannot write. The only way that they can preserve their history is to recount it as
sagas.
</p>
<p>Next paragraph</p>
</body>
</html>
<html>
<head>
<title> margin -bottom 的运用</title>
</head>
<body>
<p style=”border-bottom: 8px dotted blue; padding-bottom: 30px; margin-bottom:
60px;”>
We can read of things that happened 5,000 years ago in the Near East, where people
first learned to write. But there are some parts of the world where even now people
扫一扫
评论
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
查看更多评论
添加红包
