<style type="text/css">
table tr td{text-align:center}
/*文本加粗*/
p{font-weight:bold}
</style>
需要准备的材料分别有:电脑、浏览器、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 加粗使用CSS属性单词font-weight:例子:
.yangshi1{ font-weight:bold}
.yangshi2{ font-weight:600}
font-weight对象值:从100到900,最常用font-weight的值为bold
font-weight参数:
normal : 正常的字体。相当于number为400。声明此值将取消之前任何设置
bold : 粗体。相当于number为700。也相当于b对象的作用
bolder : IE5+ 特粗体
lighter : IE5+ 细体
number : IE5+ 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900