首页 > 软件开发 > HTML >

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

来源:互联网 2023-03-16 19:11:56 109

Dreamweaver CC2018怎么设置文字颜色和文字背景的颜色呢?跟我来学习下吧SKo办公区 - 实用经验教程分享!

html css怎么设置文字颜色和文字背景颜色?SKo办公区 - 实用经验教程分享!

工具/原料

  • Dreamweaver CC2018

方法/步骤

  • 1

    打开Dreamweaver,并新建一个html。在body中输入一个div标签【div>文字黄色,背景红色/div>】SKo办公区 - 实用经验教程分享!

    html css怎么设置文字颜色和文字背景颜色?SKo办公区 - 实用经验教程分享!

  • 2

    在head中写如引入css的代码【style type="text/css">/style>】。SKo办公区 - 实用经验教程分享!

    html css怎么设置文字颜色和文字背景颜色?SKo办公区 - 实用经验教程分享!

  • 3

    在style中插入一个css样式命名为wenzi【.wenzi{color: ;}】这是会出现一个下拉框,点击【颜色选取器】。SKo办公区 - 实用经验教程分享!

    html css怎么设置文字颜色和文字背景颜色?SKo办公区 - 实用经验教程分享!

  • 4

    在颜色选区器中选择黄色。SKo办公区 - 实用经验教程分享!

    html css怎么设置文字颜色和文字背景颜色?SKo办公区 - 实用经验教程分享!

  • 5

    这是可以看到color后就会自动输入一个黄色的色值。如果你知道色值,可以直接输入哦。【.wenzi{color: #F0FF00;}】。输入后按F12预览网页,可以看到文字变成了黄色。SKo办公区 - 实用经验教程分享!

    html css怎么设置文字颜色和文字背景颜色?SKo办公区 - 实用经验教程分享!

  • 6

    然后我们继续添加一个背景样式【background: #FF0004;】。刷新网页可以看到背景变成红色的啦。SKo办公区 - 实用经验教程分享!

    html css怎么设置文字颜色和文字背景颜色?SKo办公区 - 实用经验教程分享!

  • 6该信息未经授权抓取自百度经验
  • 7

    我们还可以给DIV设置下宽度和内边距,让文字与背景有一定的空间。这样就可以啦。【width: 200px;padding: 10px 10px;】SKo办公区 - 实用经验教程分享!

    html css怎么设置文字颜色和文字背景颜色?SKo办公区 - 实用经验教程分享!

  • 注意事项

    • css还是很强大的,认真学习CSS,很多东西都是可以用CSS实现的哦

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!SKo办公区 - 实用经验教程分享!


    标签: CSSHTML

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码