Bagaimana untuk menetapkan sempadan bertitik dalam pengeluaran halaman html_HTML/Xhtml_Web

Menggunakan gaya CSS dan elemen teg HTML

Untuk menambah sempadan bertitik pada teg HTML yang berbeza, kami memilih beberapa teg biasa untuk diselaraskan dan menetapkan kesan sempadan bertitik.

1. Tag html biasa

teg p

jarak

ul li

jadual tr td

2. Contoh menggunakan perkataan atribut CSS

sempadan

lebar

tinggi

3. Pengenalan utama kepada CSS untuk merealisasikan garis putus-putus

sempadan ialah atribut sempadan Jika anda ingin mencapai kesan sempadan objek, anda perlu menetapkan lebar jidar, warna jidar dan gaya jidar (garisan padat atau bertitik)

sempadan:1px putus-putus #F00 Ini adalah untuk menetapkan lebar gaya sempadan kepada 1px, garis putus-putus dan garis putus-putus berwarna merah.

4. Perihalan contoh

Kami menetapkan lebar, ketinggian dan kesan sempadan yang sama untuk label di atas.

5. Kod HTML lengkap:

<ol class="dp-xml">
<li class="alt">nbsp;html>  </li>
<li class="alt"> <meta> </li>
<li class="alt">
<title>html边框虚线演示 www.pcss5.com</title> <style> </style>
</li>
<li class="alt">.bor{border:1px dashed #F00;width:300px;height:60px;margin-top:10px} span{display:block}/*css注释说明：让span形成块*/ </li>
<li class="alt">  </li>
<li class="alt"> <p>p盒子</p> </li>
<li class="alt">
<span>span盒子</span> <ul> </ul>
</li>
<li class="alt">
<li>ul li列表</li> <li>ul li列表</li> <li class="alt"> <table> <li class="alt">
<tr> <td>表格</td> <li class="alt">
<td>表格2</td> </li>
</tr> </li>
<li class="alt">
<tr> <td>数据</td> <li class="alt">
<td>数据2</td> </li>
</tr> </li>
<li class="alt">
</table>  </li>
<li class="alt"> </li>
</ol>

Contoh di atas menetapkan gaya yang sama untuk teg berbeza dalam html, termasuk garis putus-putus jidar yang sama.

6. Tangkapan skrin penyemak imbas

Tangkapan skrin kesan sempadan bertitik untuk menetapkan teg html yang berbeza