我無法弄清楚我的html代碼出了什麼問題

我試圖讓一個紅色塊出現在屏幕上（所有顯示的都是文本）我一直在看它半個小時的困惑。任何人都能看到任何錯誤？ HTML：我無法弄清楚我的html代碼出了什麼問題

<!DOCTYPE html> 
<html> 
    <head> 
     <title>Yocks</title> 
     <link type="text/css" rel="stylesheet" href="skilltest.css"/> 
    <head> 
    <body> 
     <p>I love cool design.</p> 
     <div id="orange"></div> 
    </body> 
</html>

CSS：

div { 
    border-radius: 2px; 
    height: 50px; 
    width: 50px; 
    border: 1px solid black; 
} 

#orange { 
    background-color: red; 
    height: 50px; 
    width: 75px; 
    border: 1px solid black; 
}

來源

2015-03-25 CosmicBatz

似乎在這個小提琴工作正常https://jsfiddle.net/5jqe81a7/ – Burrito 2015-03-25 00:47:10

適合我。也許你需要澄清你的問題......或者可能是因爲其他CSS規則？ – Xufox 2015-03-25 00:47:17

@布里託我覺得OP想要塊內的文字。 – Jatin 2015-03-25 00:50:38

正如評論指出，這撥弄https://jsfiddle.net/5jqe81a7/作品。檢查CSS是否被正確包含（可能它不在html中）

see code in jsfiddle

來源

2015-03-25 00:48:54 Burrito

它是工作夥伴。所以你可能遇到的問題可能是你沒有正確包含css。鏈接中有任何錯誤或者你的CSS不在適當的位置。

您還可以嘗試從設置中清除瀏覽器的所有內容。它可能是幫助 :)

來源

2015-03-25 05:02:37

我無法弄清楚我的html代碼出了什麼問題

回答

相關問題