在html中画一条线

时间:2016-05-01 11:27:28

标签: html

我对HTML很新,我需要为我的学校建立一个网站。出于美学目的,我想在两个文本之间插入一行,但是当我尝试时,它只是显示我试图放置行的代码。这是代码:

CSS:

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

使用以下HTML:

<tr>
    <td align="center">
        <br>
        <p class='paragraph'>
            <strong><font size="40">WE'VE BEEN BUSY</font></strong>
        </p>hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
        <p class='paragraph'>
            <strong><font face="Trebuchet MS" size="40">CHECK IT OUT!</font></strong>
        </p>
    </td>
</tr>

当我查看页面时会发生这种情况

enter image description here

我做错了什么?

1 个答案:

答案 0 :(得分:0)

如果您想格式化该行,则必须将代码放在<style>标记中。

<!DOCTYPE html>
<html>
<body>

<h1>HTML</h1>
<p>HTML is a language for describing web pages.</p>

<hr>

<h1>CSS</h1>
<p>CSS defines how to display HTML elements.</p>

</body>
</html>
相关问题