如何在CSS中給文字加橫線和粗體呢?我們可以通過text-decoration和font-weight屬性來實現。
p { text-decoration: underline; /* 給所有p標簽中的文字添加橫線 */ font-weight: bold; /* 給所有p標簽中的文字加粗 */ }
如果想要給特定元素加上橫線和粗體,可以使用class或者id選擇器。
.underline { text-decoration: underline; /* 給class為underline的元素中的文字添加橫線 */ } #bold { font-weight: bold; /* 給id為bold的元素中的文字加粗 */ }
需要注意的是,使用text-decoration: underline;可以讓文字下劃線跟隨文字長度,如果想要固定橫線長度,可以使用border-bottom屬性來實現。
.fixed-underline { border-bottom: 1px solid black; /* 給class為fixed-underline的元素添加底部黑色實線 */ }
這樣,我們就可以靈活地給文字添加橫線和粗體了。
上一篇文字前加小圖標css