2016-01-09 252 views
0

我想給<br />一些顏色。但它沒有得到應用爲顏色添加顏色

下面是HTML

<br style="color:#EAEFF5" /> 

這裏是截圖。我要白色的空間,有色

enter image description here

UPDATE

<div style="background-color:#EAEFF5; width:100%;" style="border: 1px solid black; border-collapse:collapse;" cellpadding="5px" cellspacing="2px"> 
<table width="60%" cellpadding="5px" style="border: 1px solid black; border-collapse:collapse;" cellspacing="1px" align="center"> 
    <tr> 
     <th class="label" style="font-size: 120%; font-family: Courier New; text-align:center"> 
      Date 
     </th> 
     <th class="label" style="width: 7%; font-size: 120%; font-family: Courier New;text-align:center"> 
      Flat Status 
     </th> 
     <th class="label" style="width: 7%; font-size: 120%; font-family: Courier New;text-align:center"> 
      Comments 
     </th> 
    </tr> 
    <tr> 
     <td class="label" style="width: 7%; font-size: 120%; font-family: Courier New;text-align:center;"> 
      <input type="text" runat="server" id="txtdate" style="width: 75px;"/> 
     </td> 
     <td class="label" style="width: 7%; font-size: 120%; font-family: Courier New;text-align:center;"> 
      <%--<input id="txtcomments" type="text" runat="server" style="width: 75px;" />--%> 

      <select id="ddlflatstatus" style="width: auto" name="flatstatus" runat="server"> 
       <option value="0">--- Select ---</option> 
      </select> 

     </td> 
     <td class="label" style="width: 7%; font-size: 120%; font-family: Courier New;text-align:center;"> 
      <%--<input id="txtstatusdet" type="text" runat="server" style="width: 75px;" />--%> 

      <asp:TextBox ID="txtcomments" runat="server" Width="150" TextMode="MultiLine"></asp:TextBox> 

     </td> 

    </tr> 
</table></div> 

<br style="background-color:#EAEFF5" /> 
+1

首先'color'不會改變背景。接下來,我不認爲你可以爲'br'標籤獲得跨瀏覽器背景填充。這聽起來不對。難道你不能改變你的標記以避免'br'並且使用可能的填充/邊距(或者)另一方面你能不能將背景顏色設置爲父項? – Harry

+0

@哈里:那麼在這種情況下應該做什麼? – BNN

+2

Wat?這與嘗試向空白字符添加顏色相同。 –

回答

3

在HTML中,你永遠不應該添加樣式空白字符,這是<br>有效的。

而是使用分隔:

<div style="height: 10px; background-color: #EAEFF5"></div> 
+0

我認爲'
'是20px –

1

它不能保證得到均勻的造型爲<br>在所有的瀏覽器,所以我建議你使用一個div空內容和風格據此認爲。

<h1>Some Text</h1> 
<div class="breaker"></div> 
<p> Some Paragraph</p> 

CSS

.breaker{ 
    color : red; 
    border : 1px solid green; 
    margin-bottom : 5px; 
} 

這裏有一個Pen,以幫助你實現這些改變。

0

你不能給一個顏色。一個可能的解決方案是在空元素上使用一些自定義類,然後使用CSS對該元素進行樣式設置。

例如:

HTML

<span class="custom-br"></span> 

CSS

.custom-br { 
    display:block; 
    width: 100%; 
    height: 5px; 
    background-color: #cb0009; /*change color*/ 
} 
0

而不是使用<br>你可以使用DIV像這樣的:

<div>Some text</div> 
<div style="background-color:##EAEFF5;height:10px;"></div> 
<div>This is under the break</div>