html表格布局

2021-05-08 17:18:05发布

<table><table/>  /*表单元素*/ 

<th></th>         /*表头单元格*/  

<tr></tr>         /*表格定义行*/

<td></td>     /*单元格*/


代码的书写的书写:

<table>     


        <th>


            <td>姓名</td>


            <td>年龄</td>


            <td>性别</td>


        </th>


        <tr>


            <td>小</td>


            <td>27</td>


            <td>男</td>


        </tr>


    </table>

image.png

html表格边框线怎么设置

/*数值越大,边框越大*/

<table align="right" border="1">


/*表格文字或内容和边框的距离*/

<table align="right" border="1" cellpadding="20">


/*单元格和单元格之间的距离*/

<table align="right" border="1" cellpadding="20" cellspacing="0">


/*表格的宽和高*/

 width="500" height="249"


2.表格结构

<!--头部-->

<thead></thead>


<!--中间-->

<tdody></tdody>


3.表格合并单元格

/*跨行 取值="数字"*/ 

rowspan="2"


/*跨列 取值="数字"*/

colspan="3"


4.html表格文字居中

<!--对齐居中-->

<table align="center">


<!--对齐左边-->

<table align="left">


<!--对齐右边-->

<table align="right">

TAG标签:

登录 后发表评论
0条评论
还没有人评论过~
嘿,我来帮您!