CSS 的颜色代码 透明色是什么代码？

html-css012

CSS 的颜色代码 透明色是什么代码？,第1张

透明色：transparent

背景色设为透明，代码如下：background-color:transparent

字体颜色设为透明，代码如下：color:transparent

扩展资料：

常用颜色代码分4种，分别如下：

1、常用颜色单词，比如green（绿色），yellow（黄色），red（红色），transparent（透明色）等；

2、以#号开头的六个字符组成的颜色代码，比如：#FF0000（红色），#000000（黑色），#F9F900（黄色）等；

3、颜色rgb值，表达方式：rgb(参数1，参数2，参数3)，三个参数分别表示r，g，b

1）R：红色值。正整数 | 百分数

2）G：绿色值。正整数 | 百分数

3）B：蓝色值。正整数 | 百分数

4、rgba(参数1，参数2，参数3，参数4)，这种方式前三个参数与上面第3点种相同，第四个参数表示透明度，数值在0-1之间。0表示透明度为0（即透明色），1表示透明度为1（百分百）。

步骤如下：

1、首先打开电脑上自带的记事本程序，然后输入html网页基本结构语句。<html><body></body></html>

2、由于css样式必须在标签<head></head>之间，因此我们点击<html>后面，输入<head></head>标签。

3、在head标签之间输入样式标签<style></style>,然后定义一些属性，例如

<style type="text/css">

body {background-color: yellow} 定义网页背景色为黄色；

h1 {background-color: #00ff00} 定义h1标签背景色为#00ff00；

h2 {background-color: transparent} 定义h2标签背景色为透明；

p {background-color: rgb(250,0,255)} 定义p标签背景色为rgb值；

p.no2 {background-color: graypadding: 20px} 这个定义class属性为no2的p标签背景色为灰色，并且边距为20px；

</style>

4、然后点击body标签后面输入正文标签内容，例如

<h1>这是KING</h1>

<h2>这是KING</h2>

<p>这是KING</p>

<p class="no2">这个KING设置20内边距。</p>

5、点击记事本菜单中的文件，选择另存为，把内容保存为html网页格式。双击打开预览效果。6、我们可以发现代码中两个同样的<p>标签显示的css样式却不同，区别就在于样式中定义的p.no2,这就是正文代码中class="no2"的优势所在，可以定义个性风格。