关于CSS列表list-style-type的颜色和大小控制

CSS列表list-style-type的颜色和大小控制

看一下源码：

<ul class="artul">
   <li><ahref="#">这里是SEO网站的文章列表标题目</a></li>
   <li><ahref="#">这里是很长的SEO网站的文章列表标题目</a></li>
   <li><ahref="#">这里是关于SEO网站的文章列表标题目</a></li>
   <li><ahref="#">这里是一些最新的SEO网站的文章列表标题目</a></li>
   <li><ahref="#">这里是近期SEO网站的文章列表标题目</a></li>
   <li><ahref="#">这里是SEO常看的网站的文章列表标题目</a></li>
   <li><ahref="#">这里是关于SEO网站的文章列表标题目</a></li>
   <li><ahref="#">这里是一些最新的SEO网站的文章列表标题目</a></li>
   </ul>

对应的CSS

第一张图CSS
.ul {margin:0;padding:0 0 015px;color:#ddd;font-size:12px;color:#FFFF00;list-style-type:square }
.ul li {border-bottom:1px dotted #999;}

第二张图CSS
.ul {margin:0;padding:0 0 015px;color:#ddd;font-size:15px;color:#FF00FF;list-style-type:square }
.ul li {border-bottom:1px dotted #999;}

相信大家都知道了，就改一下ul的color就可以改颜色，font-size就可以改大小(大小在IE6下不支持，firefox可以）

自己测试了一下：font-size：好像不能改变 li 前面的点的大小。

如果非要实现li 前面的点不同，可以用图片代替。

示例如下：

<html>
<head>
<style type="text/css">
ul
{
list-style: square inside url('/i/eg_arrow.gif'); /* 插入自己做的图片 */
}
</style>
</head>

</html>

关于CSS列表list-style-type的颜色和大小控制相关推荐

[css] 如何更改placeholder的字体颜色和大小？
[css] 如何更改placeholder的字体颜色和大小? <style>/* Chrome浏览器 */input::-webkit-input-placeholder {color: ...
2019-7-23 [HTML_CSS] 基本行内/内部/外部格式优先级选择器字体演颜色粗细大小字体对齐
文章目录 0.网页美化技术 CSS 1 css概述 1.1 什么是CSS? 1.2 CSS的发展史 1.3 CSS的优势 1.4 CSS基本使用 1.5 CSS样式的分类 1.5.1 行内样式 1.5 ...
style type=text/css中的type=text/css到底是什么意思
最佳答案 type="text/css"是指定MIME类型,其中: text是指对象为网页中的文本 css或是javascript是指当前指定的文本类型... 如果要在HTML文件 ...
Refused to apply style from ‘http://localhost:8080/iconfont.css‘ because its MIME type (‘text/html‘
Refused to apply style from 'http://localhost:8080/iconfont.css' because its MIME type ('text/html') ...
更改列表的默认项标记的颜色、大小等样式的解决办法
提示:如果仅更改列表项的颜色,而不是项标记的颜色,设置li的颜色就可以,则以下可以忽略. 本文的解决办法是利用伪元素选择器,在元素的内容的最前面添加文字来模拟默认浏览器样式达到效果的(也可以用图片), ...
CSS（五）：背景、列表、超链接伪类、鼠标形状控制属性
一.背景属性 1.背景属性用来设置页面元素的背景样式. 2.常见背景属性属性描述 background-color 用来设置页面的背景色,取值如red,#ff0000 background-ima ...
CSS层叠样式表Cascading Style Sheets(2021.10.05)
一.CSS简介 1.优缺点优点:丰富的样式描述: 样式和结构的分离,便于维护和管理: 减少代码量,加快页面加载: 样式代码复用性强: 多个页面可以使用同一个CSS代码: 缺点:浏览器对CSS支持程度 ...
CSS列表，定位和实例
每一个成功者都有一个开始.勇于开始,才能找到成功的路! 今天让我们继续努力吧!加油! 列表 CSS 列表属性允许你放置.改变列表项标志,或者将图像作为列表项标志. CSS 列表从某种意义上讲,不是描 ...
样式表（CSS：Cascading Style Sheets）简要教程[上]
首先提供两个手册的下载 CSS2&JavaScript.rar 一．样式表基础 1．样式表中每一个条目由选择符(selector)和对应的规则组成,选择符通常是HTML元素名称,也可以是类( ...

关于CSS列表list-style-type的颜色和大小控制

关于CSS列表list-style-type的颜色和大小控制相关推荐

最新文章

热门文章