定义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标签的样式

回答

相关问题