最近在使用外聯(lián)CSS時(shí)遇到了一個(gè)問(wèn)題,就是CSS表不起作用,以下是問(wèn)題代碼:
這是一個(gè)標(biāo)題
這是一段文字
在style.css中的代碼如下:
.box { border: 1px solid black; padding: 20px; background-color: lightblue; width: 300px; height: 300px; }
然而,在瀏覽器中運(yùn)行后,邊框和背景色并沒(méi)有出現(xiàn)。于是我查看了一下控制臺(tái),發(fā)現(xiàn)了以下問(wèn)題:
Failed to load resource: net::ERR_FILE_NOT_FOUND // 表示找不到style.css文件
問(wèn)題原因是鏈接標(biāo)記中的href路徑不正確。將鏈接標(biāo)記中的href路徑更正后即可正常使用。
// 如果style.css在css文件夾下,則需要將css文件夾名加入路徑。
此時(shí),邊框和背景色正常出現(xiàn)了。
總結(jié)一下,當(dāng)我們?cè)谑褂猛饴?lián)CSS時(shí),需要注意CSS文件的路徑是否正確,以確保CSS表可以起作用。