CSS08（列表样式、图片背景应用和渐变色css查询网站）

最新推荐文章于 2022-05-28 09:50:23 发布

悬梁锥刺股

最新推荐文章于 2022-05-28 09:50:23 发布

阅读量287

点赞数 1

分类专栏： CSS3 文章标签： css

本文链接：https://blog.csdn.net/qq_51224492/article/details/121635173

版权

CSS3 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

列表样式和图片背景应用

html代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<link rel="stylesheet" href="css/style.css">
<body>
<div id="nav">
    <h1>R6常用干员</h1>
    <ul>
        <li><a href="#">ASH&nbsp;&nbsp;ZOFIA</a></li>
        <li><a href="#">IANA&nbsp;&nbsp;YING</a></li>
        <li><a href="#">THERMITE&nbsp;&nbsp;SLENGE</a></li>
        <li><a href="#">MUTE&nbsp;&nbsp;SMOKE</a></li>
        <li><a href="#">DOC&nbsp;&nbsp;ROOK</a></li>
        <li><a href="#">LEISION&nbsp;&nbsp;JAGER</a></li>
    </ul>
</div>
</body>
</html>

css代码

#nav{
    width: 250px;
}

h1{
    background: deepskyblue url("../image/down.png") no-repeat right;
/*    缩进*/
    text-indent: 1em;
}
/*
1.none:去除实心圆
2.circle:空心圆
3.decimal:数字
4.square:正方形（实心）
*/
ul li{
    background: bisque url("../image/right.png") no-repeat right;
    /*去除实心圆*/
    list-style:none
}
a{
    /*去除下划线*/
    text-decoration:none;
}

测试访问
在这里插入图片描述
渐变色css代码查询网站
https://www.grabient.com/
链接: link.

悬梁锥刺股

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
2
评论
CSS08（列表样式、图片背景应用和渐变色css查询网站）

列表样式和图片背景应用html代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><link rel="stylesheet" href="css/style.css"><body><div id="nav"> <h1
复制链接

扫一扫