用CSS如何让列表字体变粗?
2022-12-01 · 百度认证:北京惠企网络技术有限公司官方账号
关注
展开全部
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";}
}
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";}
}
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询