打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
CSS box-shadow 属性 ,css list-style-type:disc 修改点的大小
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>
实现效果如下图所示:
本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
html5 表单新增的type属性(表单提交才可以触发)
css3常用属性
CSS, Sass, SCSS, Compass, Less,BEM, SMACSS, OOCSS, ACSS, CCSS, WTFSS?
阴影效果的小 demo
【聊代码】第八十五集 css样式(之五十五)旋转的圆环与动态图片
文字阴影与自动换行
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服