CSS 字體去掉加粗 在網頁設計中，字體加粗是一種常見的設計手法，它可以讓頁面文本更加突出。但有時我們需要讓文本看起來更加柔和，此時去掉字體加粗是一種好的選擇。本文將介紹如何使用 CSS 去掉字體加粗效果。 一、去除特定元素的加粗效果 如果只需要去除特定元素的加粗效果，可以使用 CSS 的 font-weight 屬性，將值設置為 normal 即可。例如，我們要去除段落標簽 p 的加粗效果，可以這樣寫： pre { font-family: 'Courier New', Courier, monospace; font-size: 16px; background-color: #f5f5f5; padding: 10px; } p { font-weight: normal; } 上面的代碼中，我們給 pre 元素添加了一些樣式，用于顯示代碼段落。而對于 p 元素，我們將字體加粗效果去掉，保持默認的字體樣式。 二、全局去除加粗效果 如果要全局去除加粗效果，可以使用 CSS 的 * 通配符，將所有元素的字體加粗效果都去掉。代碼如下： * { font-weight: normal; } 上述代碼中，我們將所有元素的字體加粗效果都設置為 normal。這種方式適用于需要整個頁面文本都沒有加粗效果的情況。 三、去除部分元素的加粗效果 有些情況下，我們只需要去除部分元素的加粗效果，而不是全局去除。例如，我們要去除文章標題的加粗效果，而保留正文加粗效果。可以這樣寫： h1 { font-weight: normal; } p b { font-weight: bold; } 上述代碼中，我們去除了 h1 標簽的加粗效果，而保留了正文中使用 b 標簽的加粗效果。 總之，使用 CSS 去掉字體加粗效果是一種簡單而有效的設計技巧，可以讓網頁文本顯得更加柔和。希望本文能對大家有所幫助！