2013-10-09 146 views
-1

当我将下面的代码输入到CSS样式表中时,“ul”,“li”和“a”不起作用(即它的字体颜色为蓝色) 。我正在尝试创建导航栏。在HTML(CSS)中创建导航栏

ul 
{ 
    list-style-type:none; 
    margin:0; 
    padding:0; 
    overflow:hidden; 
} 

li 
{ 
    float:left; 
} 

a:link,a:visited 
{ 
    display:block; 
    width:120px; 
    font-weight:bold; 
    color:#FFFFFF; 
    background-color:#98bf21; 
    text-align:center; 
    padding:4px; 
    text-decoration:none; 
    text-transform:uppercase; 
} 

a:hover,a:active 
{ 
    background-color:#7A991A; 
} 
+0

你可以发布你的HTML标记吗? – zungaphobia

+0

假设非常基本的标记,你的CSS工作正常,http://jsfiddle.net/Ugd57/所以你的HTML可能会关闭,或者你可能有其他CSS规则覆盖你的样式。 – Brandon

+0

很可能您的href在引用样式表的< link >属性中关闭。 – Brant

回答

0

你能后的HTML代码也一样,因为它可能是你的link rel="stylesheet" type="text/css" href="yourstylesheet.css"/>无法正确链接到您的样式表。另外,在桌面上创建一个名为“Your websitename”的文件夹,然后将样式表和HTML放在那里,因为如果它不在同一个文件夹中,它将不会链接。