首页 > 软件开发 > CSS >

css怎样设置文字颜色大小

来源:互联网 2023-03-16 19:11:32 105

通过css设置文字的大小和颜色可以起到一定的美化效果。今天小编我就来给大家分享一下css设置文字颜色大小的经验。nYy办公区 - 实用经验教程分享!

工具/原料

  • 电脑
  • html网页编辑器
  • 浏览器

方法/步骤

  • 1

    首页确定要设置文字大小颜色的区域,这里我就以div里面的文字为准。nYy办公区 - 实用经验教程分享!

    css怎样设置文字颜色大小nYy办公区 - 实用经验教程分享!

  • 2

    然后添加一个class,起个名字,我就设置为text。nYy办公区 - 实用经验教程分享!

    css怎样设置文字颜色大小nYy办公区 - 实用经验教程分享!

  • 3

    然后添加一对style标签,在这里设置样式。通过点运算符加class名称进行设置。如图.text即可开始设置。color用于设置文字颜色,red表示红色。nYy办公区 - 实用经验教程分享!

    css怎样设置文字颜色大小nYy办公区 - 实用经验教程分享!

    css怎样设置文字颜色大小nYy办公区 - 实用经验教程分享!

  • 3该信息未经授权抓取自百度经验
  • 4

    当然,用颜色的十六进制表示法也可以设置。nYy办公区 - 实用经验教程分享!

    css怎样设置文字颜色大小nYy办公区 - 实用经验教程分享!

    css怎样设置文字颜色大小nYy办公区 - 实用经验教程分享!

  • 5

    最后用font-size设置文字大小,数值越大文字就越大,单位为px。nYy办公区 - 实用经验教程分享!

    css怎样设置文字颜色大小nYy办公区 - 实用经验教程分享!

    css怎样设置文字颜色大小nYy办公区 - 实用经验教程分享!

  • 6

    总结,通过color设置文字的颜色,通过font-size设置文字的大小。nYy办公区 - 实用经验教程分享!

    nYy办公区 - 实用经验教程分享!

    nYy办公区 - 实用经验教程分享!

    代码如下,保存为HTML文件即可看到效果哦nYy办公区 - 实用经验教程分享!

    !DOCTYPE html>

    nYy办公区 - 实用经验教程分享!

    html>

    nYy办公区 - 实用经验教程分享!

    head>

    nYy办公区 - 实用经验教程分享!

    meta charset="UTF-8">

    nYy办公区 - 实用经验教程分享!

    meta name="viewport" content="width=device-width, initial-scale=1.0">

    nYy办公区 - 实用经验教程分享!

    meta http-equiv="X-UA-Compatible" content="ie=edge">

    nYy办公区 - 实用经验教程分享!

    title>/title>

    nYy办公区 - 实用经验教程分享!

    style>

    nYy办公区 - 实用经验教程分享!

    .text{

    nYy办公区 - 实用经验教程分享!

    color: #00f;

    nYy办公区 - 实用经验教程分享!

    font-size: 48px;

    nYy办公区 - 实用经验教程分享!

    }

    nYy办公区 - 实用经验教程分享!

    /style>

    nYy办公区 - 实用经验教程分享!

    /head>

    nYy办公区 - 实用经验教程分享!

    body>

    nYy办公区 - 实用经验教程分享!

    div>百度经验/div>

    nYy办公区 - 实用经验教程分享!

    /body>

    nYy办公区 - 实用经验教程分享!

    /html>nYy办公区 - 实用经验教程分享!

  • 注意事项

    • 有用可以收藏分享或者评论留言
    • 不足之处请指教

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


    标签: CSS

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