css实现文本加粗

html-css027

css实现文本加粗,第1张

文本加粗使用font-weight:bold;

<style type="text/css">

table tr td{text-align:center}

/*文本加粗*/

p{font-weight:bold}

</style>

设置css文件中text样式

首先打开操作软件这里用DW编辑工具:取一个css名字为text;

<!DOCTYPE html>

<html>

<head>

<meta charset="gb2312" />

<title>效果区</title>

</head>

<body>

<style>

.text{ width:200px height:200px background:#09C color:#FFF font-size:18px font-weight:bold text-indent:2em text-align:left}

</style>

<div class="text">

    文字区域文字区域文字区域文字区域文字区域文字区域文字区域文字区域文字区域文字区域

</div>

</body>

</html>

实现效果图如下:

详解:设置一个css样式取名:text,定义一个宽度与高度分别为200px。

其次设置一个背景颜色background:#09C

字体颜色为白色 color:#FFF

字体的大小为18xp:font-size:18px

设置字体为粗体:font-weight:bold

字体靠左对齐:text-align:left

字体首行缩进2个文字(2em):text-indent:2em

css里文字加粗的步骤如下:

1、首先新建一个17.html。

2、然后输入html5标准声明。

3、输入后可以看到html网页的结构。

4、再在header标签中添加style层叠样式。

5、把body标签的文字加粗。

6、最后使用浏览器打开网页就可以看到字体加粗了,这样css里文字加粗的问题就解决了。