上述样式一般通过取消默认的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>
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)