<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>文字和伪元素</title>
<style>
h1{
/* 修改字体 */
font-family: Arial, Helvetica, sans-serif;
/* 修改大小 */
font-size: 28px;
/* 修改颜色 */
color: aqua;
}
/* 伪元素 用于向某类选择器添加特殊效果*/
p::first-line{
/* 只修改p标签第一行 */
color :coral
}
/* 伪类CSS处理链接中会用到 */
/* 鼠标不点 */
a:link{color:crimson}
/* 鼠标拖动到 */
a:hover{color:rgb(220, 217, 20)}
/* 鼠标点击之后 */
a:link{color:rgb(23, 20, 220)}
/* 鼠标摁住瞬间 */
a:active{color:rgb(207, 149, 132)}
</style>
</head>
<body>
<h1> HELLO WORLD </h1>
<p>hellohellohellohellohellohello <br>
hellohellohellohellohellohello <br>
hellohellohellohellohellohello <br>
</p>
CSS中的链接
<a href="https://www.baidu.com">点我打开百度</a>
</body>
</html>
CSS之——03CSS中的文字和伪类2020.3.9
最新推荐文章于 2023-08-04 16:11:39 发布