欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

html怎么設置hr居中

html
錢諍諍2年前8瀏覽0評論
HTML中的hr標簽是用來創建水平線的，但默認情況下這條線是左對齊的。那么如何設置hr居中呢？下面就為大家詳細介紹。 首先，在HTML中使用hr標簽創建一條水平線：
<hr>
此時運行代碼，可以看到一條左對齊的水平線。 為了讓它居中，我們需要給hr標簽添加樣式，可以使用CSS來實現。具體步驟如下： 第一步：在HTML中添加樣式表。
<head>
<style>
hr {
width: 50%; /*設置水平線的寬度，此處為50%*/
margin: auto; /*設置左右外邊距為auto，此時水平線就居中了*/
}
</style>
</head>
第二步：使用hr標簽創建水平線時，添加class屬性，并指定樣式表中hr的樣式。
<hr class="hr-center">
完整的HTML代碼如下：
<!DOCTYPE html>
<html>
<head>
<title>HTML代碼：如何設置hr居中</title>
<style>
hr {
width: 50%; /*設置水平線的寬度，此處為50%*/
margin: auto; /*設置左右外邊距為auto，此時水平線就居中了*/
}
</style>
</head>
<body>
<p>下面是一條居中的水平線：</p>
<hr class="hr-center">
</body>
</html>
運行代碼，就可以看到一條居中的水平線了。 以上就是本文關于如何設置hr居中的介紹，希望對大家有所幫助。