养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

html+css怎么设置文字颜色和文字背景颜色

时间:2024-10-01 19:26:24

DreamweaverCC2018怎么设置文字颜色和文字背景的颜色呢?跟我来学习下吧

html+css怎么设置文字颜色和文字背景颜色

工具/原料

DreamweaverCC2018

方法/步骤

1、打开Dreamweaver,并新建一个h隋茚粟胫tml。在body中输入一个div标签【<div>文字黄色,背景红色</div>】

html+css怎么设置文字颜色和文字背景颜色

2、在head中写如引入css的代码【<styletype="text/css"></style>】。

html+css怎么设置文字颜色和文字背景颜色

3、在style中插入一个css样式命名为wenzi【.wenzi{color:;}】这是会出现一个下拉框,点击【颜色选取器】。

html+css怎么设置文字颜色和文字背景颜色

4、在颜色选区器中选择黄色。

html+css怎么设置文字颜色和文字背景颜色

5、这是可以看到colo筠续师诈r后就会自动输入一个黄色的色值。如果你知道色值,可以直接输入哦。【.wenzi{color:#F0FF00;}】。输入后按F12预览网页,可以看到文字变成了黄色。

html+css怎么设置文字颜色和文字背景颜色

6、然后我们继续添加一个背景样式【background:#FF0004;】。刷新网页可以看到背景变成红色的啦。

html+css怎么设置文字颜色和文字背景颜色

7、我们还可以给DIV设置下宽度和内边距,让文字与背景有一定的空间。这样就可以啦。【width:200px;padding:10px10px;】

html+css怎么设置文字颜色和文字背景颜色

© 一点知识