html初学

丶灬走出姿态 提交于 2020-02-13 05:08:47

一、表格的使用

会使用align和valign两个属性,就能设计表格的位置及内容的位置了。

align和valign属性均是规定表格相对于周围元素的对齐方式,区别就在于:
1、align属性趋向于左右对齐,其值包含:left、right、center
2、valign属性趋向于垂直对齐,其值包含:top、bottom、middle、baseline

比如让表格居中:

<table width="400px"  border="0"  align="center" valign="center">
</table>

让表格的内容居中:

<td align="center" valign="center">
</td>

也就是要控制表格的位置,就写在<table>标签里,要控制表格内容的位置,就写在<td>标签里。

也可以通过text-align属性设计表格元素的位置:

<td style="background-color:#ffff99;width:5%;text-align:left;">

 

二、设置控件的样式

可以将style放在任何想设计的控件标签中。

表格颜色及大小:

<td style="background-color:#ffff99;width:5%;text-align:left;">

按钮颜色及大小:

<input type="button" value="查询工具" onclick="window.location='/query';" style="height:50px;width:100%;background-color:#EEEEEE;">

还可以设计字体,字号:

<p style = "font-family:arial;color:red;font-size:20px;">A Paragraph</p>

 

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!