【发布时间】：2014-04-17 17:17:40
【问题描述】：
我有一个导航栏，我用内联显示 li 做的
我希望我的最后一列具有定义高度的背景。但它只给了我列名背后的背景
这里是style.css的一部分：
#navigation li {
display : inline;
}
#navigation a {
text-decoration : none;
font-family: 'Swiss_721_Condensed_BT';
font-size: 15px;
color:#0894D2;
padding-left: 12px;
padding-right: 12px;
}
这里是html
<li><a href="contact.php">CONTACTS</a></li>
<li><a href="contact.php" style="display:right;height:100px;line-weight:100px; background:url(images/fond_testez_nous.png) ;"><font color=white>TESTEZ-NOUS</FONT> </a></li>
这是问题的图片
我正在寻找将蓝色的红色部分作为文本“testez nous”背后的内容
感谢您的帮助
【问题讨论】：
-
没有css属性
display: right。使用display: block和height: 100%; -
请避免使用内联样式和标签来设置文档样式，这会降低代码的可读性。Why Use CSS 此外，您的 css 选择器有一个元素
#navigation，您还没有在您的html...请提供正确的代码或类似JSFiddle -
尝试将背景应用到 li 元素而不是 a
-
您只需要单独的背景颜色还是特别需要一张图片？
-
我需要一个单独的背景颜色。将背景应用于 li 给了我相同的结果。 #navigation 是一个 div:
标签： html css background href