css中如何設(shè)置分割線

本篇文章為大家展示了css中如何設(shè)置分割線，內(nèi)容簡明扼要并且容易理解，絕對(duì)能使你眼前一亮，通過這篇文章的詳細(xì)介紹希望你能有所收獲。

10年積累的成都做網(wǎng)站、成都網(wǎng)站建設(shè)經(jīng)驗(yàn)，可以快速應(yīng)對(duì)客戶對(duì)網(wǎng)站的新想法和需求。提供各種問題對(duì)應(yīng)的解決方案。讓選擇我們的客戶得到更好、更有力的網(wǎng)絡(luò)服務(wù)。我雖然不認(rèn)識(shí)你，你也不認(rèn)識(shí)我。但先網(wǎng)站設(shè)計(jì)后付款的網(wǎng)站建設(shè)流程，更有臨安免費(fèi)網(wǎng)站建設(shè)讓你可以放心的選擇與我們合作。

使用原生HTML+CSS制作一個(gè)分割線

代碼如下：

<html>
<title>分割線</title>
<body>
<div>
<span>設(shè)備：</span>
<span>1</span>
</div>
<div class="order">
  <span style="white-space:pre">   </span><span class="line"></span>
  <span style="white-space:pre">   </span><span class="txt">這里是一個(gè)分割線</span>
  <span style="white-space:pre">   </span><span class="line"></span>
</div>
<div>
<span>設(shè)備：</span>
<span>2</span>
</div>
<style type="text/css">
.order {
  height: 20px;
  line-height: 20px;
  text-align: center;
}
.order .line {
  display: inline-block;
  padding-top : 3px;
  width: 40%;
  border-top: 1px solid #666666;
}
.order .txt {
  color: #333333;
  font-size: 12px;
  vertical-align: middle;
}
</style>
</body>
</html>

效果如下圖所示：

css中如何設(shè)置分割線

css的全稱是什么

css的全稱是Cascading Style Sheets（層疊樣式表），它是一種用來表現(xiàn)HTML或XML等文件樣式的計(jì)算機(jī)語言。CSS不僅可以靜態(tài)地修飾網(wǎng)頁，還可以配合各種腳本語言動(dòng)態(tài)地對(duì)網(wǎng)頁各元素進(jìn)行格式化。

上述內(nèi)容就是css中如何設(shè)置分割線，你們學(xué)到知識(shí)或技能了嗎？如果還想學(xué)到更多技能或者豐富自己的知識(shí)儲(chǔ)備，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。

標(biāo)題名稱：css中如何設(shè)置分割線
標(biāo)題路徑：http://muchs.cn/article30/gdiepo.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供外貿(mào)網(wǎng)站建設(shè)、域名注冊、云服務(wù)器、網(wǎng)站設(shè)計(jì)、App開發(fā)、虛擬主機(jī)

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容