css零到一基础教程019：CSS 边框各边

慕容屠苏

已于 2022-03-19 10:39:18 修改

阅读量221

点赞数

分类专栏： css零到一文章标签： css html 前端

于 2022-03-19 10:38:09 首次发布

本文链接：https://blog.csdn.net/kerryqpw/article/details/123590207

版权

css零到一专栏收录该内容

98 篇文章 2 订阅 ¥49.90 ¥99.00

订阅专栏

超级会员免费看

CSS 边框 - 单独的边

从上一章的例子中，您已经看到可以为每一侧指定不同的边框。

在 CSS 中，还有一些属性可用于指定每个边框（顶部、右侧、底部和左侧）：

实例

<!DOCTYPE html>
<html>
<head>
<style>
p {
  border-top-style: dotted;
  border-right-style: solid;
  border-bottom-style: dotted;
  border-left-style: solid;
}
</style>
</head>
<body>

<h1>单独的边框</h1>

<p>两种不同的边框样式。</p>

</body>
</html>

不同的边框样式

上例的结果与此相同：

实例

<!DOCTYPE html>
<html>
<head>
<style>
p {
  border-style: dotted solid;
}
</style>
</head>
<body>

<h1>单独的边框</h1>

<p>两种不同的边框样式。</p>

</body>
</html>

了解本专栏

订阅专栏解锁全文

超级会员免费看

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

慕容屠苏

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
css零到一基础教程019：CSS 边框各边

CSS 边框 - 单独的边从上一章的例子中，您已经看到可以为每一侧指定不同的边框。在 CSS 中，还有一些属性可用于指定每个边框（顶部、右侧、底部和左侧）：实例<!DOCTYPE html><html><head><style>p { border-top-style: dotted; border-right-style: solid; border-bottom-style: dotted; border-left
复制链接

扫一扫