Question

所以有些原因我不能让我的边框间隔工作。无论我把它设置为什么尺寸，都没有任何反应。我只使用边框作为顶线。

我的CSS

p {
    border-spacing: 5000px;
    text-align: right;
    color: silver;
    font-size: 70%;
    border-style: solid;
    border-top: solid silver;
    border-width: thin;
    border-bottom: none;
    border-right: none;
    border-left: none;
}

我的HTML

<p>COPYRIGHT © ERNST EVERYTHING INC. ALL RIGHTS RESERVED</p>

Answer 1

border-spacing仅适用于表格。尝试将此用于CSS：

p {
    text-align: right;
    color: silver;
    font-size: 70%;
    border-top: thin solid silver;
    padding-top: 5000px;
}

Answer 2

border-spacing仅适用于表格，而不适用于段落。改为使用填充。

p {
 text-align: right;
 color: #C0C0C0;
 font-size: 70%;
 border-top: 1px solid #C0C0C0;
 padding-top: 5000px;
}

Answer 3

border-spacing是表的属性，而不是像你正在使用的块对象。

Answer 4

因为它是<table>标记的样式。试试这个：

<style>
   table {
    border: 4px double #333; 
    border-collapse: separate; 
    width: 100%;
    border-spacing: 7px 11px;
   }
   td {
    padding: 5px; 
    border: 1px solid #a52a2a;
   }
  </style>


 <table>
   <tr>
    <td>1</td><td>2</td>
   </tr>
   <tr>
    <td>3</td><td>4</td>
   </tr>
  </table>

边框间距不起作用

4 个答案: