大佬教程收集整理的这篇文章主要介绍了html – 我应该如何使用CSS在文本和边框之间添加一些空格，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
这是我的HTML：
<!doctype=html>
<html>
<head>
<meta charset="utf-8" />
<title> Test title </title>
<link rel="stylesheet" href="../CSS/style.css" />
</head>
<body>
<div class="wrap">
<h1 class="test"> Blah Blah </h1>
<ul>
<li class="navigation"><a class="navitem" href="#"> Blog </a></li>
<li class="navigation"><a class="navitem" href="#"> Facebook </a></li>
<li class="navigation"><a class="navitem" href="#"> Twitter </a></li>
<li class="navigation"><a class="navitem" 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; }
此外,你可以写边框相同的东西：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 */ }
以上是大佬教程为你收集整理的html – 我应该如何使用CSS在文本和边框之间添加一些空格全部内容，希望文章能够帮你解决html – 我应该如何使用CSS在文本和边框之间添加一些空格所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。