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

 时间:2024-10-11 18:57:36

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

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

2、在head中写如引入css的代码【<style type="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: 10px 10px;】

html+css怎么设置文字颜色和文字背景颜色
  • HTML中引入css和js的方法
  • html css实现轮播图怎么做屏幕大小的自适应处理
  • 怎样让三个div在一个父级DIV下,并排显示
  • 如何在HTML中插入图片
  • HTML怎么实现网页跳转
  • 热门搜索
    预防病毒手抄报 艾滋病手抄报 禁毒手抄报图片 绿色家园手抄报 清明节手抄报内容文字 水的手抄报 健康饮食手抄报 关于读书的手抄报图片 十分简单的读书手抄报 有趣的汉字手抄报