<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
* {
padding: 0px;
margin: 0px;
list-style: none;
}
li::before {
content: "";
width: 8px;
height: 8px;
background: lime;
/* 垂直水平居中:行高等于标签高度,水平排列居中 */
line-height: 8px;
text-align: center;
/* 转换成行内块便可以设置宽高 */
display: inline-block;
/* 圆角边框 */
border-radius: 50%;
/* 相对定位,进行微调 */
position: relative;
top: -2px;
}
li:
HTML5第五天笔记02——HTML5常用标签、::before、::after
最新推荐文章于 2024-07-11 21:11:19 发布
本文介绍了HTML5中的伪对象::before和::after,它们可以视为通过CSS添加的行内标签,并强调了需结合content属性使用。此外,文章还提及了HTML5的一些常见标签。
摘要由CSDN通过智能技术生成