为了账号安全,请及时绑定邮箱和手机立即绑定

怎么改列表中的颜色和大小

不如列表一用红色字体,列表二用蓝色,列表三用黄色,可不可以修改?还有就是字体大小为什么我加了改不了呢?

正在回答

4 回答

1、列表一用红色字体,列表二用蓝色,列表三用黄色,可不可以修改?

使用CSS样式,每个li加一个类(有点麻烦),使用子选择器(方便)

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
ul>li:nth-child(1){
    background-color: red;    
}
ul>li:nth-child(2){
    background-color: blue;    
}
ul>li:nth-child(3){
    background-color: yellow;    
}
/*li{text-align:center;}*/
</style>
</head>

<body>
<ul>
    <li>精彩少年</li>
    <li>美丽突然出现</li>
    <li>触动心灵的旋律</li>
</ul>
</body>
</html>

2、还有就是字体大小为什么我加了改不了呢?

查看你的代码是否写错了,font-size:20px;

0 回复 有任何疑惑可以回复我~

颜色:<style>span{color:green;}</style>

<ol><li><span>第一个列表信息</span></li>

<li>第二个列表信息</li></ol>


0 回复 有任何疑惑可以回复我~

可以,但是要一一设置,每个列表对应一个颜色,可以用子选择器;字体大小改不了你看看代码是否正确,是否真的设置在你所要改变的地方,并且观察它的权值有没有被覆盖,实在不行直接css代码中加important

0 回复 有任何疑惑可以回复我~
#1

让老夫瞅瞅 提问者

<li style="color: aqua">前端开发面试心法 </li>,一一设置颜色都好说,就是字大小改不好了,可以代码演示一下吗?css还没看到都不知道它是什么鬼
2016-12-30 回复 有任何疑惑可以回复我~
#2

让老夫瞅瞅 提问者

谢谢,不知道算不算解决了 font-size:22px和font-size:22x有什么区别,刚才改了px好像能用了?
2016-12-30 回复 有任何疑惑可以回复我~

这个得加css样式。每个列表都加一个class,在css里面改字体颜色用color,改字体大小用fontsize。

0 回复 有任何疑惑可以回复我~
#1

让老夫瞅瞅 提问者

font-size:22px和font-size:22x有什么区别,刚才改了px好像能用了?
2016-12-30 回复 有任何疑惑可以回复我~
#2

葉绯红 回复 让老夫瞅瞅 提问者

没有x这个单位,px是像素点,在ps里面图像都是以像素点显示的。
2016-12-30 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

怎么改列表中的颜色和大小

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信