css - 如何使用 css 对齐边框

标签 css html alignment border

<分区>


想改进这个问题吗? 通过 editing this post 添加细节并澄清问题.

关闭 5 年前

如何在这段代码中右对齐边框?

这是我的 CSS 代码:

p {
  text-align: right;
  color: #757575;
  Background-color: #FFFFFF;
  font-size: 2.4em;
  width: 50px;
}
<p>Home<br>
  <a href="aboutus.html">About</a><br>
  <a href="gallery.html">gallery</a><br>
  <a href="shop.html">club shop</a><br>
  <a href="theteam.html">The Team</a><br>
  <a href="theteam.html">The Team</a><br>
  <a href="mappractice.html">location</a><br>
  <a href="contactus.html">contact us</a><br>
</p>

最佳答案

您可以使用以下任何一个 css 类将您的边框指向任何方向。希望这就是您要实现的目标。

.border-right{ 右边框:1px 纯黑色;

.border-top{ border-top: 1px 纯黑色;}

.border-left{ 左边框:1px 纯黑色;

.border-bottom{ border-bottom: 1px 纯黑色;}

关于css - 如何使用 css 对齐边框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48612329/

上一篇:CSS:将鼠标悬停在隐藏文本上时带有背景图像的圆圈会变形

下一篇:javascript - 为什么 <ul> 的内容不会出现?

相关文章:

java - 将两个面板彼此相邻对齐

html - 如果删除元素后的新行, li 对齐行为会很奇怪

javascript - drawImage 将图像调整为 500px 高

html - Css 动画错误/问题?

html - 网站在小屏幕上乱七八糟

javascript - 文本区域自动增长 onkeyup

html - 文本未在我的 li 中居中

html - CSS - 固定背景宽度以留在容器内

html - 将::-webkit-scrollbar 应用于一个特定元素

jquery - fetch 和 jquery ajax 有什么区别?