HTML基础—1样式表和border

最新推荐文章于 2023-12-16 10:13:26 发布

jiaojsun

最新推荐文章于 2023-12-16 10:13:26 发布

阅读量174

点赞数 1

分类专栏： HTML基础

本文链接：https://blog.csdn.net/jiaojsun/article/details/93163308

版权

HTML基础专栏收录该内容

7 篇文章 5 订阅

订阅专栏

1.样式表

默认 < 类型 < class < id < style(行间) < !important

通用选择器（*） < 元素(类型)选择器 < 类选择器（class）） < 属性选择器 < 伪类 < ID 选择器 < 内联样式（style行间）< !important

2.border

边框的组成

边框的方向

边框的特征：非矩形

使用下列方式可以实现一个向下的三角形

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        div{
          width: 0px;
          height: 0px;
          border: 10px solid #fff;
          border-top-color: #cccccc; /* 向下的箭头 */
        }
    </style>
</head>
<body>
<div></div>
</body>
</html>