输入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