css怎么改字体粗细

在CSS中,字体粗细可用font-weight属性来修改,只需要将font-weight属性的值设置为“bold”、“bolder”、“lighter”或“500”、“600”、“700”、“800”、“900”值即可,属性值越大字体越粗。

css怎么改字体粗细

本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。

在CSS中,字体粗细可以使用font-weight属性来修改。

CSS font-weight属性

font-weight属性可以用于设置文本文字的粗细。属性值越大字体越粗。

立即学习“前端免费学习笔记(深入)”;

属性值:

值 描述

normal默认值。定义标准的字符。bold定义粗体字符。bolder定义更粗的字符。lighter定义更细的字符。100200300400500600700800900定义由细到粗的字符。400 等同于 normal,而 700 等同于 bold。

示例:

nbsp;html>                    css 文字加粗                    .a1{                font-weight:100;            }            .a2{                font-weight:200;            }.a3{    font-weight:300;}.a4{                font-weight:400;            }            .a5{                font-weight:500;            }.a6{    font-weight:600;}.a7{                font-weight:700;            }            .a8{                font-weight:800;            }.a9{    font-weight:900;}                        
            

这是一段测试文字--默认粗细

这是一段测试文字

这是一段测试文字

这是一段测试文字

这是一段测试文字

这是一段测试文字

这是一段测试文字

这是一段测试文字

这是一段测试文字

这是一段测试文字

        
    

登录后复制

1.png

【推荐教程:CSS视频教程 】

以上就是css怎么改字体粗细的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2879979.html

(0)
上一篇 2025年3月10日 19:49:30
下一篇 2025年3月10日 19:49:39

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • css中能加减乘除吗

    css中能加减乘除。在css中可以使用calc()函数来进行“加减乘除”四则运算,它允许使用“+”、“-”、“*”、“/”这四种运算符,可以混合使用%、px、em、rem等单位进行计算。 本教程操作环境:windows7系统、CSS3版、D…

    2025年3月10日
    000
  • css怎么设置宽为100vw

    在css中,可以使用“width:100vw;”样式来设置宽为100vw,width属性可以设置元素的宽度。vw是一个视口单位,是指相对于视口的宽度;1vw等于视口宽度的1%,比如浏览器的宽度为1920px,则“1vw=19.2px”。 本…

    2025年3月10日
    200
  • css行级元素和块级元素之间怎么转换

    在css中,可以使用display属性来实现行级元素和块级元素的转换,给行级元素设置“display:block;”样式即可转换为块级元素,给块级元素设置“display:inline;”样式即可转换为行级元素。 本教程操作环境:windo…

    2025年3月10日
    200
  • css怎么设置变成小手

    在css中可以通过将cursor属性值设置为pointer来实现光标为小手样式,该属性定义了鼠标指针放在一个元素边界范围内时所用的光标形状。 本教程操作环境:windows7系统、css3版、Dell G3电脑。 cursor 定义和用法 …

    2025年3月10日
    200
  • css的选择器不包括什么

    css的选择器不包括“超文本标记选择器”,而包括类选择器、标签选择器、ID选择器、伪类选择器等等,其中“选择器”指明了{}中的“样式”的作用对象。 本文操作环境:Windows7系统、css3、Dell G3电脑。 css的选择器不包括“超…

    2025年3月10日
    200
  • css怎么让div文字竖着

    css让div文字竖着的实现方法:首先创建一个HTML示例文件;然后创建一个div;最后通过设置css样式为“div{writing-mode: tb-rl;} ”即可让div文字竖着。 本文操作环境:Windows7系统、HTML5&am…

    2025年3月10日
    200
  • css怎么去除table的间隙

    css去除table间隙的方法:首先打开相应的HTML代码文件;然后通过代码“table{border-collapse:collapse;}”即可去掉单元格之间的间隔。 css/editerView/ck_htmledit_views-b…

    2025年3月10日
    200
  • 什么是css的高度塌陷

    在文档流中,父元素的高度默认是被子元素撑开的,也就是子元素多高,父元素就多高。但是当子元素设置浮动之后,子元素会完全脱离文档流,此时将会导致子元素无法撑起父元素的高度,导致父元素的高度塌陷。 本教程操作环境:windows7系统、CSS3版…

    2025年3月10日
    200
  • 在css中float属性的属性值有哪些

    在css中,float属性用于定义元素在哪个方向浮动,可以设置的属性值有:1、“left”,定义元素向左浮动;2、“right”,定义元素向右浮动;3、“none”,定义元素不浮动,并会显示在其在文本中出现的位置;4、“inherit”。 …

    2025年3月10日
    200
  • css盒子中的图如何居中

    居中方法:1、给盒子设置相对定位、图片设置绝对定位;然后调整图片位置即可。2、将img图片元素设置为块级元素;然后利用table-cell、“vertical-align:middle;”来居中。3、利用flexbox布局来居中。 本教程操…

    2025年3月10日 编程技术
    200

发表回复

登录后才能评论