CSS box-shadow 属性 语法
点击box-shadow: h-shadow v-shadow blur spread color inset;注释:box-shadow 向框添加一个或多个阴影。该属性是由逗号分隔的阴影列表,每个阴影由 2-4 个长度值、可选的颜色值以及可选的 inset 关键词来规定。省略长度的值是 0。
值描述测试
h-shadow必需。水平阴影的位置。允许负值。
测试v-shadow必需。垂直阴影的位置。允许负值。
测试blur可选。模糊距离。
测试spread可选。阴影的尺寸。
测试color可选。阴影的颜色。请参阅 CSS 颜色值。
测试inset可选。将外部阴影 (outset) 改为内部阴影。
测试测试效果
方式一:通过设置li的font-size的值来实现改变disc点的大小
<li style="font-size:20px;"><a style="font-size:10px;"></a></li>
2. 方式二:通过使用before伪类来自定义disc点的大小
<!DOCTPYE html>
<html>
<head>
<meta charset="uft-8">
<title>示例</title>
<style>
li {
list-style: none;
}
li:before {
content: "";
display: inline-block;
width: 10px;
height: 10px;
background-color: red;
border-radius: 50%;
margin-right:5px;
}
</style>
</head>
<body>
<li>apple</li>
</body>
</html>
实现效果如下图所示:
本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请
点击举报。