用CSS如何让列表字体变粗(css加粗字体代码)

需要准备的材料分别有：电脑、浏览器、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”的字体变粗。

css中字体加粗使用font-weight，其属性是设置文本的粗细。
font-weight的属性值有3种指定方法：
1、关键字法，关键字包括“normal”和“bold”两个。
比如：font-weight:bold;
2、相对粗细值法，相对粗细也是由关键字定义，但是它的粗细是相对于上级元素的继承值而言的，包括“bolder”和“lighter”两个。
3、数字法，包括从“100”到“900”的9个数字序列（注意，只能是100、200之类的整百数）。这些数字序列代表从最细（100）到最粗（900）的字体粗细程度。每一个数字定义的粗细都要比上一个等级稍微粗一些。比如：font-weight:700;
4、例子：以下代码实现点击不同文字，字体变粗的简单的特效：
点我变粗体A
点我变粗体B

function
$(v){return
document.getElementById(v);}
function
g(x){
if
(x==0){$("a").style.fontWeight="bold";$("b").style.fontWeight="normal";}else{$("b").style.fontWeight="bold";$("a").style.fontWeight="normal";}
}