CSS颜色表示法

2025-10-21 16:47:31

1、颜色名比如,red红色,gold金色等等英文颜色名。

CSS颜色表示法

2、例,我们将其中的标题和每个段落都加一个颜色。在html文件中,将每个段落设置一个类选择器。代码如下:<p class="p1">......。有五个段落,我们就一直添加到p5.

CSS颜色表示法

3、然后将样式表通过外链式的方式连接到HTML文件中。代码如下:

<link rel="stylesheet" href="./indexcss.css">

注意:link标签写在head标签中比较好。

CSS颜色表示法

4、最后,我们在样式表中设置标题及各段落颜色,代码如下:h2{color:orange;}

 

.p1{ color:red;}

 

.p2{color:blue;}

 

.p3{ color:green;}

 

.p4{color:pink;}

 

.p5{color:gray;}

CSS颜色表示法

5、这样,CSS中用颜色名来表示颜色的结果就完成啦!

CSS颜色表示法

6、当然,我们还可以直接在标签元素中设置字体颜色,背景颜色等等。我们这里设置一下背景颜色。在html中,我们设置第一段落背景颜色为黄色,则代码如下:<p class="p1" style="background-color:yellow;">

CSS颜色表示法

7、那么,效果就是黄底红字咯!

CSS颜色表示法

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢