CSS颜色表示法

 时间:2024-10-25 15:46:57

当我们写好网页内容时,怎样给内容加五颜六色的颜色呢?当然还是依靠我们的CSS咯!那么有哪些方法可以给我们的网页添加色彩呢?

工具/原料

pycharm

颜色名表示法

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

CSS颜色表示法

2、例,我们将其中的标题和每个段落都加一个颜色。在html文件中,将每个段落设置一个类选择器。代码如下:<p class="p1">......</p>。有五个段落,我们就一直添加到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&鳎溻趄酃quot; style="background-color:yellow;">

CSS颜色表示法

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

CSS颜色表示法
  • android返回当日的时分秒怎么转化为毫秒
  • 画江湖app怎样更改个人主页皮肤
  • Java难点在哪里?
  • 怎样用MyEclipse编写调试JSP网页
  • java-md5加密口令
  • 热门搜索
    四年级数学手抄报 语文手抄报 植树节手抄报图片 文明礼仪手抄报图片 劳动手抄报 爱我中华手抄报 安全手抄报 爱眼手抄报简单又漂亮 中国传统文化手抄报 缅怀先烈手抄报