CSS颜色表示法

 时间:2026-02-13 17:54:51

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颜色表示法

  • android返回当日的时分秒怎么转化为毫秒
  • 画江湖app怎样更改个人主页皮肤
  • Java难点在哪里?
  • 怎样用MyEclipse编写调试JSP网页
  • java-md5加密口令
  • 热门搜索
    过敏性皮炎如何治疗 心怎么折叠图解 如何注册香港公司 生活时尚频道 如何写信 如何选购冰箱 如何跟客户沟通 假如生活欺骗了你 电视剧 bbq是什么意思 如何建设生态文明