檬味博客 » 问答 » 用CSS如何让列表字体变粗？

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

输入js代码：('td').click(function () { ('td').css('font-weight', 'normal');(this).css('font-weight', 'bold');});3、浏览器运行index.html页面，点击“我是A”，此时字体会变粗。4、再点击“我是B”，此时“我是A”的字体粗度恢复正常，“我是B”的字体变粗。
用CSS如何让列表字体变粗？
这个问题，如果单纯用CSS是不可能完成的，只能用JS完成（北京八方永信教育）2011-02-28
需要准备的材料分别有：电脑、浏览器、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”的字体变粗。

2019-07-24
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、例子：以下代码实现点击不同文字，字体变粗的简单的特效：
<table><tr><td id="a" onclick="g(0);">点我变粗体A</td></tr>
<tr><td id="b" onclick="g(1);">点我变粗体B</td></tr>
</table>
<script>
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";}
}
</script>2015-12-20
需要准备的材料分别有：电脑、浏览器、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”的字体变粗。

2022-12-01
mengvlog 阅读 27 次 更新于 2025-08-10 09:53:28 我来答关注问题0
4 个回答檬味博客专题活动
  • 起航知识小百科 css如何设置字体加粗?

    CSS中设置字体加粗的方法是使用`font-weight`属性。1. CSS中的font-weight属性 CSS中的`font-weight`属性用于设置字体的粗细。该属性可以接受多个值，其中最常用的值是`normal`和`bold`。2. 使用方式 你可以通过内联样式、样式表或在HTML元素内部使用``标签来应用这个属性。例如，如果你想让某个段落中...

  • 文暄生活科普 css如何设置字体加粗?

    接下来，进入CSS样式部分。要使字体变粗，可以使用font-weight属性。直接设置为关键字"bold"即可实现加粗效果，运行页面后，你将看到字体已变为粗体。值得注意的是，font-weight除了"bold"外，还可以通过数值来调整粗细程度。范围是从100到900，数值越大，字体越粗。例如，100代表字体最细，而900则是最...

  • 鲜少老师 用CSS如何让列表字体变粗?

    1、首先，打开html编辑器，新建html文件，例如：index.html。2、在index.html中的标签中，输入js代码：('td').click(function () { ('td').css('font-weight', 'normal');(this).css('font-weight', 'bold');});3、浏览器运行index.html页面，点击“我是A”，此时字体会变粗。4、再点...

  • 誉祥祥知识 css 文字加粗字体加粗代码有哪些加粗方式

    1. 使用font-weight属性：在CSS中，可以使用font-weight属性来设置文字的粗细。该属性的值可以是normal、bold、bolder、lighter等，或者通过数字值来设定粗细程度。例如：`p { font-weight: bold; }` 将使段落文字加粗。2. 使用类或ID来应用样式：对于特定的元素或文本片段，可以为其设置一个类名或ID...

  • 誉祥祥知识 css样式表中字体加粗的属性是什么?

    - normal：表示字体为标准粗细。- bold：加粗字体，使其显得更为醒目。- bolder：比标准粗细更粗，具体程度取决于浏览器支持情况。- lighter：比标准粗细更细，同样也取决于浏览器支持情况。- 数字值：例如100、200、300、400（相当于normal）、500、600、700（相当于bold、lighter、bolder）、800、900...

其他CSS类似问题

檬味博客在线解答立即免费咨询

CSS相关话题

Copyright © 2023 WWW.MENGVLOG.COM - 檬味博客
返回顶部