定義Div標籤的樣式

我想根據CSS文件定義Div的樣式。我寫的CSS代碼是：定義Div標籤的樣式

.body 
{ 
    text-align: center; 
    padding: 1px; 
    margin: 1px; 
    color: black; 
    background-color:lightgrey; 
}

我希望每個Div部分的背景都是淺灰色的。上面的代碼有什麼問題？

被修改：

這是我的HTML代碼。我按照下面的建議更改了Div類，但它不起作用。還請檢查鏈接標記是否正確包含路徑。 CSS文件位於一個Lib文件夾中，上一級。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 
<html> 
    <head> 
     <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> 
     <title>Add/Update Political Party</title> 
     <link rel="stylesheet" href=".\Lib\entryformstyle.css" type="text/css"/> 
    </head> 
    <body> 
     <div id="sectionEntryForm" class="div"> 
      <table id="tblEntryForm" cols="2"> 
       <tr> 
        <td colspan="2" align="center">Add/Update Political Party</td> 
       </tr> 
       <tr> 
        <td>Party full name:</td> 
        <td><input id="inPartyFullName" name="inPartyFullName" accept="text/plain" maxlength="80" class="inputBoxStyle"></td> 
       </tr> 
       <tr> 
        <td>Party short name (initials):</td> 
        <td><input id="inPartyShortName" name="inPartyShortName" accept="text/plain" maxlength="80" class="inputBoxStyle"></td> 
       </tr> 
      </table> 
     </div> 
    </body> 
</html>

來源

2009-11-10 RKh

link標籤是錯誤的。看到我的答案。 – Franz 2009-11-10 08:34:02

提示：對於使用HTML中的鏈接/不是\ :) – 2009-11-10 08:35:28

倍

ALL的DIV：

div 
{ 
    text-align: center; 
    padding: 1px; 
    margin: 1px; 
    color: black; 
    background-color:lightgrey; 
}

的div類「身體」：

div.body 
{ 
    text-align: center; 
    padding: 1px; 
    margin: 1px; 
    color: black; 
    background-color:lightgrey; 
}

來源

2009-11-10 08:14:54 3zzy

試前「體」

編輯刪除時期：它可能也是值得擁有的this post

它解釋之間的差異的快速閱讀（）「」和'＃'定義樣式時。

來源

2009-11-10 08:07:13 SpaghettiMonster

在這種情況下，它會更好，以取代'和'div' .body'。 – 2009-11-10 08:08:52

@JT：CSS的工作時，我刪除的時期，但它不能識別類名。另外，我可以定義自己的類名嗎？ – RKh 2009-11-10 08:10:53

是的！你可以，但是你需要添加引用句點（。）和新的類名;即.myClass {背景色：淺灰;} – SpaghettiMonster 2009-11-10 08:13:39

的類「身體」裏，才能工作，如果你想讓它在任何的div工作，（在你的示例代碼「.body」）的選擇應該是div是

<div class="body">

。

來源

2009-11-10 08:08:17

沒什麼，你只需要用<div class="body">來讓DIV撿起它。

來源

2009-11-10 08:08:17

對於這種風格的工作，你的DIV需要這樣寫：

<div class="body">Your text here</div>

換句話說，該。在你的css的正文前面告訴瀏覽器將大括號中的樣式應用於類被命名爲body的元素。

來源

2009-11-10 08:08:46

嘗試改變：

background-color:lightgrey;

到

background-color:silver;

或

background-color:#CCC;

這是假設你的DIV已經應用於人體類：

<div class="body"></div>

來源

2009-11-10 08:10:00

'lightgrey'是容許值：http://www.w3.org/TR/css3-color/ ＃svg-color – 2009-11-10 08:15:46

啊謝謝 - 我做了一個快速檢查，但顯然不夠徹底！ – 2009-11-10 10:53:42

如果你的CSS文件了一個級別，你必須包括這樣的：

<link rel="stylesheet" href="../lib/entryformstyle.css" type="text/css"/>

來源

2009-11-10 08:28:09 Franz

@Franz：它的工作，但在IE瀏覽器正在調整在中心，但不能在Firefox？ – RKh 2009-11-10 08:35:05

嘗試使用'.div，.div * {'作爲選擇器。 – Franz 2009-11-10 09:15:06

要麼使用

div 
{ 
    text-align: center; 
    padding: 1px; 
    margin: 1px; 
    color: black; 
    background-color:lightgrey;/*#CCC*/ 
}

設置背景顏色的所有div的

或者使用

div.body 
{ 
    text-align: center; 
    padding: 1px; 
    margin: 1px; 
    color: black; 
    background-color:lightgrey; 
}

，並設置<div class="body"></div>每個格。

您可以使用內嵌樣式表爲：

<div style="background-color:lightgrey;"></div>

來源

2009-11-10 09:13:09 Himadri

定義Div標籤的樣式

回答

相關問題