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

html-css019

用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”的字体变粗。

大哥，你这得是在td中设置color为red吧，要设置文字的样式为red才行吧！如：

<td color="red">123<td>  //文字123将不会变成红色

<td><span style="color:red">123</span></td>  //文字123将变成红色

//jquery写法

$("#re span").attr("style","color:red")

测试了一下，.width()求得的是不包括padding值在内的td宽度，不算是有误差。测试用例私信给你。

//js

$(document).ready(function(){

var tdWidth = $("td").eq(0).width()

var paddingLeft = parseInt($("td").eq(0).css("padding-left").replace('px',''))

var paddingRight = parseInt($("td").eq(0).css("padding-right").replace('px',''))

var daijiangeTd = (parseInt($("td").eq(1).offset().left) - parseInt($("td").eq(0).offset().left))

var jiange = daijiangeTd - tdWidth - paddingLeft - paddingRight

$("#td-width").empty().html('td-width:' + tdWidth + 'px')

$("#padding-left").empty().html('padding-left:' + paddingLeft + 'px' )

$("#padding-right").empty().html('padding-right:' + paddingLeft + 'px' )

$("#daijiange").empty().html('带间隔:'+ daijiangeTd + 'px')

$("#jiange").empty().html('间隔:' + jiange + 'px')

})

//css

td{

width:auto

height:100px

border:1px solid #ABC

padding:25px

}

//输出

td-width:32px

padding-left:25px

padding-right:25px

带间隔:86px

间隔:4px