hr標籤妙用

ThinkPet發表於2018-03-18

hr標籤可以在頁面中產生一條水平線,將文字區域內容分開,以增加網頁的層次感。

hr標籤可以通過size , color , width , noshade , align 等屬性分別對橫線的高度、顏色、寬度、陰影、對齊方式進行設定。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>文字修飾標籤</title>
</head>
<body>
    <h3>網頁設計師崗位簡介</h3>
    <hr size="3" noshade="noshade" color="blue" width="400px" align="right">
    <p>56fv46d4644v6ds4v64v46ds4v65f46v46fd4v64fd64v6f4v65gf46b65fg4b654gf654b65fg4b64
        <br>4654fd64vs646v4f64v6ds4fv654f6d4v6fd
    </p>
    <p>56fv46d4644v6ds4v64v46ds4v65f46v46fd4v64fd64v6f4v654gf6b546g4fb654fg654b6gf44bg
        <br>4654fd64vs646v4f64v6ds4fv654f6d4v6fd
    </p>

</body>
</html>