Question

我想根据CSS文件定义Div的样式。我写的CSS代码是：

.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>

Answer 1

没什么，你只需要使用<div class="body">让DIV拿起它。

Answer 2

所有 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;
}

Answer 3

如果你的CSS文件是上一级，你必须像这样包含它：

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

Answer 4

尝试删除'body'之前的句点（。）

编辑：也许值得快速阅读this post

它解释了“。”之间的区别。和'＃'定义样式时。

Answer 5

这仅适用于“body”类，即

 <div class="body">

如果您希望它适用于任何div，则选择器（示例代码中的“.body”）应为div。

Answer 6

要使这种风格起作用，你的div需要像这样写：

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

换句话说，css中正文前面的。告诉浏览器将大括号中的样式应用于类命名为体

Answer 7

尝试更改：

background-color:lightgrey;

到

background-color:silver;

或

background-color:#CCC;

这假设您的div已应用了body类：

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

Answer 8

使用

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设置<div class="body"></div>。

您可以将内联样式表用作：

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

定义Div标签的样式

8 个答案: