这是我的HTML：
<!DOCTYPE=HTML><HTML><head> <Meta charset="utf-8" /> <Title> Test Title </Title> <link rel="stylesheet" href="../CSS/style.CSS" /></head><body><div > <h1 > Blah Blah </h1> <ul> <li ><a href="#"> Blog </a></li> <li ><a href="#"> Facebook </a></li> <li ><a href="#"> Twitter </a></li> <li ><a href="#"> About </a></li> </ul></div></body></HTML>
这是我的CSS：
.wrap{ wIDth: 1000px; height: 800px; margin: auto; background-color: black; color: white; Font-family: sans-serif; text-align: center;}.navigation{ display: inline; List-style: none; padding-right: 50px;}.navitem{ color: white; text-decoration: none; border-style: solID; border-color: green;}.navitem:hover { color: 339900; border-color: 339900;}解决方法 如果你想在单词和边框之间留出一些空间,那么你需要使用填充属性 .navitem { color: white; text-decoration: none; border-style: solID; border-color: green; padding: 5px;} Demo
此外,你可以写边框相同的东西：1px solID green;这只不过是边界速记.
另外,您告诉我们您更新鲜,请确保重置浏览器使用的默认边距和填充
* { margin: 0; padding: 0;} 或者使用CSS Reset Stylesheet,以便您的菜单样式位置在浏览器中保持一致.
最后,你不需要在你的每个元素上调用类,你可以把它留给css选择器来选择它们……所以去除所有类,只需将一个类分配给父元素,然后使用选择器下面..
我将类分配给ul,这是main_navigation所以现在我们将选择所有第一级li使用
.main_navigation > li { /* Target direct child to .main_navigation */} 并且直接指向我们将使用的那些李
.main_navigation li a { /* Target direct child to .main_navigation > li */} Refactored Demo
总结以上是内存溢出为你收集整理的html – 我应该如何使用CSS在文本和边框之间添加一些空格全部内容，希望文章能够帮你解决html – 我应该如何使用CSS在文本和边框之间添加一些空格所遇到的程序开发问题。
如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）