如何在页脚底部将黑色放在页面底部

I want to put a black color of half inch in the bottom of the aspx page after(below) footer.

我想在（下方）页脚后面的aspx页面底部放置半英寸的黑色。

I tried

我试过了

css

CSS

#footerCol
{
    color: #999;
    padding: 10px 0;
    text-align: center;
    line-height: normal;
    margin: 0;
    font-size: .9em;
}

html :

HTML：

<div id="footerCol"> </div>

2 个解决方案

#1

You need to use border-top

你需要使用border-top

#footerCol{
    color: #999;
    padding: 10px 0;
    text-align: center;
    line-height: normal;
    border-top: 5px solid #000;
    margin: 0;
    font-size: .9em;
}

See http://jsfiddle.net/V6UEL/

见http://jsfiddle.net/V6UEL/

#2

when you said "after", I thought you meant "after":-

当你说“之后”时，我认为你的意思是“之后”： -

<head>
    <meta charset="utf-8" />
    <title>answer</title>
    <style>
        body{
            margin:0;
        }
        #footerCol {
            color: #999;
            padding: 10px 0;
            text-align: center;
            line-height: normal;
            margin: 0;
            font-size: .9em;
        }
            #footerCol::after {
                content: "";
                display: block;
                background-color: black;
                height: 20px;
            }
    </style>
</head>
<body>
    <div>
        <asp:ContentPlaceHolder ID="MainContentPlaceHolder" runat="server" />
    </div>
    <div id="footerCol">
        footer text
    </div>
</body>
</html>

#1