html初学

一、表格的使用

会使用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>

 

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。