css畫線的方法：1、使用border屬性實作畫一條線的效果，程式碼如「border-bottom: 1px solid #000000;」；2、使用hr標籤實作畫一條線效果。
本文操作環境：windows7系統、HTML5&&CSS3版、Dell G3電腦。
在html中實作畫一條心的效果的方法是有很多種的，最簡單的就是使用
一、使用border實作畫一條線的效果
1、可以給一個一定寬度的元素設定一個border-bottom屬性，讓其只有一個底邊框，進而實現一條線的效果，程式碼如下：
<div id="div1">
</div>
<style>
#div1{
margin-top: 100px;
width: 900px;
border-bottom: 1px solid #000000;
}
</style>2、運行效果如下：
二、使用hr標籤實作畫一條線
1、使用hr標籤實作畫一條線效果，程式碼如下：
<html>
<body>
<p>hr 标签定义水平线：</p>
<hr />
<p>这是段落。</p>
<hr />
<p>这是段落。</p>
<hr />
<p>这是段落。</p>
</body>
</html>2、運行效果如下：
推薦學習：css影片教學
以上是css如何畫線的詳細內容。更多資訊請關注PHP中文網其他相關文章！
