css 中的li 里面默认的黑色点如何换成红色的,然后圆圈变大

css 中的li 里面默认的黑色点如何换成红色的,然后圆圈变大,第1张

上述样式一般通过取消默认的list标记,然后以的形式实现;但是,也可以直接设置li的样式实现,思路是在li标签下嵌套span标签,然后将li的样式设置为红色,字号较大,而span为正常的样式。下面给出后者的实例演示:

创建Html元素

<div class="box">
<span>通过设置li及其子元素span的不同样式将li默认的黑色标记改为红色,且显示较大:</span><br>
<div class="content">
<ul class="test">
  <li><span>Glen</span></li>
  <li><span>Tane</span></li>
  <li><span>John</span></li>
  <li><span>Ralph</span></li>
</ul>
</div>
<div class="content">
<ul>
  <li>Glen</li>
  <li>Tane</li>
  <li>John</li>
  <li>Ralph</li>
</ul>
</div>
</div>

设置css样式

divbox{width:300px;padding:20px;margin:20px;border:4px dashed #ccc;}
divbox>span{color:#999;font-style:italic;}
divcontent{width:250px;margin:10px 0;padding:20px;border:2px solid #ff6666;}
li{margin:5px 0;}
ultest li{color:red;font-size:30px;}
ultest li span{display:inline-block;color:black;font-size:16px;}

观察对比效果

list-style-type:disc;把这个去掉 默认就是圆点的。

层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。

CSS 能够对网页中元素位置的排版进行像素级精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力。

1990年,Tim Berners-Lee和Robert Cailliau共同发明了Web。1994年,Web真正走出实验室。

从HTML被发明开始,样式就以各种形式存在。不同的浏览器结合它们各自的样式语言为用户提供页面效果的控制。最初的HTML只包含很少的显示属性。

<li style="padding: 0px;list-style-image: none;list-style-type: none;margin: 0px">内容</li>

复制就可以
• 和文字一样是可以设置font-size和font-family的,如果觉得小,可以改变字的大小,字体不同,“点”也有微小的差异。
例:
<span style="font-size:18px; font-family:Tahoma, Geneva, sans-serif">•</span>


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/13381999.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-07-25
下一篇 2023-07-25

发表评论

登录后才能评论

评论列表(0条)

保存