Table边框使用总结 ,只显示你要显示的边框_html/css_WEB-ITnose

WBOY
Freigeben: 2016-06-24 11:19:15
Original
2162 Leute haben es durchsucht

表格的常用属性

基本属性有:width(宽度)、height(高度)、border(边框值)、cellspacing(表格的内宽,即表格与tr之间的间隔)、 cellpadding(表格内元素的间隔,即tr与tr之间的间隔)、bordercolorlight(表格的亮边框颜色)、 bordercolordark(表格的暗边框颜色)、bgcolor(表格的背景色)、background(表格的背景图片)、 bordercolor(表格边框的颜色)

表格内部分隔线的属性

起作用的是rules这个参数,它有三个值(cols,rows,none),
当rules=cols时,表格会隐藏横向的分隔线,也就是我们只能看到表格的列;
当rules=rows时,就隐藏了纵向的分隔线,也就是我们只能看到表格的行;
而当rules=none时,纵向分隔线和横向分隔线将全部隐 藏,我们就只能看到一个表格的外框了

表格外部分隔线的属性

表格外边框的显示与隐藏,是可以用frame参数来控制的。注意:只对表格的外边框起作用,对内部边、线不起作用
只显示上边框


只显示下边框

只显示左、右边框

只显示上、下边框

只显示左边框

只显示右边框

不显示任何边框

<table summary="学生名单,包括学生编号、姓名、联系电话、和地址。">    <caption>学生名单</caption>    <thead>        <th scope="col">编号</th>        <th scope="col">姓名</th>        <th scope="col">联系电话</th>        <th scope="col">地址</th>    </thead>    <tfoot>        <td colspan="4">班主任:</td>    </tfoot>    <tbody>        <tr>            <td>1</td>            <td>Jamson</td>            <td>123-45678</td>            <td>XX市XX区XX号</td>        </tr>        <tr>            <td>2</td>            <td>Grace</td>            <td>123-45678</td>            <td>XX市XX区XX号</td>        </tr>        <tr>            <td>3</td>            <td>Dizzy</td>            <td>123-45678</td>            <td>XX市XX区XX号</td>        </tr>    </tbody></table>         
Nach dem Login kopieren

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage