用CSS如何让列表字体变粗？

html-css021

用CSS如何让列表字体变粗？,第1张

需要准备的材料分别有：电脑、浏览器、html编辑器。

1、首先，打开html编辑器，新建html文件，例如：index.html。

2、在index.html中的<script>标签中，输入js代码：

$('td').click(function () {

$('td').css('font-weight', 'normal')

$(this).css('font-weight', 'bold')

})

3、浏览器运行index.html页面，点击“我是A”，此时字体会变粗。

4、再点击“我是B”，此时“我是A”的字体粗度恢复正常，“我是B”的字体变粗。

html直接对对象加粗的标签如下：

<b></b>或<strong></strong>两者效果相同。

还有一种是在css文字样式中对文字进行bai加粗（font-weight参数）：

font-weight参数：

normal : 正常的字体。相当于number为400。声明此值将取消之前任何设置

bold : 粗体。相当于number为700。也相当于b对象的作用

bolder : IE5+　特粗体

lighter : IE5+　细体

number : IE5+　100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900

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

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

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

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

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

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

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