html中关于表格布局的描述,html关于表格的描述

首页 > 实用技巧 > 作者:YD1662023-11-16 05:47:24

使用表格的 HTML 布局

<table> 元素不是作为布局工具而设计的。

<table> 元素的作用是显示表格化的数据。

这里设置的solid是定义实线。

使用 <table> 元素能够取得布局效果,因为能够通过 CSS 设置表格元素的样式:

<html> <head> <style> table.a { width:100%; border:5px solid #dfffdd; } table.a th, td { padding:10px; } table.a th { width:100px; } </style> </head> <body> <table class="a"> <tr> <th> <img src="//img.yd166.com/url" alt="Note" style="height:66px;width:66px"> </th> <td> The table element was not designed to be a layout tool. </td> </tr> <tr> <th> <img src="//img.yd166.com/url" alt="Note" style="height:66px;width:66px"> </th> <td> The table element was not designed to be a layout tool. </td> </tr> </table> </body> </html>

html中关于表格布局的描述,html关于表格的描述(1)

HTML基础教程:使用表格的布局

希望以上可以解决你们心中的一些疑惑,其中可能会有不对的地方或是需要改进的地方,欢迎留言纠正。感觉还不错欢迎关注收藏转载哦 !!!!

栏目热文

文档排行

本站推荐

Copyright © 2018 - 2021 www.yd166.com., All Rights Reserved.