簡單學生網頁設計中水平分割線怎么用

更新時間：2020-03-07 文章分類：網頁技術課堂

在html中有一個<hr>標簽，<hr>標簽可以非常輕松地久設置一條水平線。我們先來簡單看一下<hr>標簽的定義：<hr>標簽在HTML頁面中創建一條水平線；水平分隔線（horizontalrule）可以在視覺上將文檔分隔成各個部分。

在HTML中，<hr>標簽是一個單標簽，沒有結束標簽。接著我們就來詳細講解一下簡單學生網頁設計中的<hr>標簽如何設置水平分割線。<hr>標簽設置水平線的特點是100%寬度水平分割線，并且獨占一行，<hr>標簽設置的水平線將與上下內容有一定距離。

<hr>是塊級元素，所以<hr>獨占于一行并且可以設置寬高。

下面我們就來看看<hr>標簽設置水平分割線的實例代碼：

<html>
　　<head>
　　<metacharset="UTF-8">
　　<title>學生簡單網頁設計</title>
　　</head>
　　<body>
　　<p>
　　學生簡單網頁設計
　　<hr width="300" align="left">
　　學生靜態網頁設計
　　<hr width="300"align="left">
       學生動態網頁設計
　　<hr width="300"align="left">
　　</p>
　　</body>
</html>

上一篇：簡單靜態HTML網頁設計作業用CSS實現表單for...

下一篇：通俗解答MySQL數據庫中主鍵、索引、唯一的意思

簡單學生網頁設計中水平分割線怎么用

作品推薦

相關文章