淘先锋技术网

首页 1 2 3 4 5 6 7

如何在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的元素添加底部黑色实线 */
}

这样,我们就可以灵活地给文字添加横线和粗体了。