如何用css设置文字加粗,css如何设置文字加粗

css中可使用font-weight属性设置文字加粗，只需要给元素添加“font-weight:bold|bolder”样式即可，值“bold”定义粗体字符，“bolder”定义更粗的字符；还可设置值为700、800或900来实现加粗即可。

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

在css中，可以使用font-weight属性来设置文字加粗效果。

font-weight属性可以设置文本的粗细，一般用于设置显示元素的文本中所用的字体加粗

加粗效果相关的属性值：

值

描述

bold

定义粗体字符。

bolder

定义更粗的字符。

100

200

300

400

500

600

700

800

900

定义由细到粗的字符。400 等同于 normal，而 700 等同于 bold。

示例：

css 文字加粗

测试文本！

效果图：

(学习视频分享：css视频教程)

如何用css设置文字加粗,css如何设置文字加粗相关推荐

CSS字体设置的一些技巧（行高，加粗，强制换行等）
文本是网页中最重要的一种内容形式,文本几乎可以写在任何地方,块级元素中可以写行内元素中也可以写.文本都是由一个个字符组成的,在css布局中,每一个字符都有一个em框,通常font-size设置的大小就 ...
linux字体加粗,CSS Fonts(字体)介绍
导读 CSS字体属性定义字体,加粗,大小,文字样式. serif和sans-serif字体之间的区别在计算机屏幕上,sans-serif字体被认为是比serif字体容易阅读 CSS字型在CSS中, ...
html语言怎么让字体加粗,css怎么让字体加粗？
我们常常对HTML代码中文字字体进行加粗,无论中文.英文.数字以及符合进行加粗布局.下面我们来看一下如何使用css设置字体加粗. css设置字体加粗使用css属性font-weight.该属性用于设置 ...
CSS中的text-overflow属性详解（控制文字在一行显示，超出部分加省略号）
text-overflow: ellipsis; 表示当文本内容超出所在容器的宽度时,用省略号来代替超出的部分. white-space:nowrap; 表示文本不换行. overflow: hidd ...
css宋体代码_html布局中统一设置文字字体样式
html组织中对立设置装备摆设笔墨字体名堂后,结构部份时候须要变幻从新设置装备摆设一种字体若何完成呢? 贪图门径: 结构时先一般会抗衡设置装备摆设整个网页字体,预防差距浏览器显露不同默认字体,而设置装 ...
html怎么设置文艺字体,用CSS让你的文字更有文艺范
原标题:用CSS让你的文字更有文艺范提示: 讲座透明文字,模糊文字,镂空文字,渐变文字,图片背景文字,用CSS让你的文字也有freestyle- 前言我们做页面涉及字体的时候,最多就是换个col ...
CSDN文字字体、大小、颜色、加粗、居中、斜体设置
CSDN文字字体.大小.颜色.加粗.居中.斜体设置写在前面一.文字字体二.文字大小三.文字颜色四.文字加粗 (1)方法一 (2)方法二五.文字居中六.文字斜体写在最后写在前面在 ...
css字体描边加阴影,css text-shadow 轻松实现文字投影/描边/浮雕/剪纸/发光效果
css3很多知识值得我们去了解,一些我们惯常用图片制作出来的效果,也许用CSS3几行代码就能实现,正如本文介绍的,使用css text-shadow 属性,就能轻松实现文字投影/描边/浮雕/剪纸/发光 ...
css设置图标居左_CSS text-align图片文字内容居左居右居中
CSS text-align之CSS居中(text-align:center).CSS内容居左(text-align:left).CSS文字居右(text-align:right)样式属性篇,图片.文 ...
php css下划线,css下划线与文字之间的距离如何设置？
本篇文章给大家介绍一下css下划线和文字间距离的的设置方法,接下来我们来看看具体的内容. 在上一篇文章中我们介绍了关于css下划线的设置方法,但是设置出来的下划线感觉与文字之间距离太近,有时在网页中会 ...

如何用css设置文字加粗,css如何设置文字加粗

如何用css设置文字加粗,css如何设置文字加粗相关推荐

最新文章

热门文章