HTML中的如何调TD的样式

html-css013

HTML中的如何调TD的样式,第1张

一、字体的调整,可以才CSS文档里写入:比如:TD { font-family: "宋体", "楷体_GB2312", "仿宋_GB2312" 9pt}font-family:是字体font-size:是字体大小二、TD之后的字体调用:<td><font color="#FF0000">文字内容 </font></td><td><font size=7>文字内容 </font></td>三:<td>的参数设定(常用): 例如:<td width="48%" height="400" colspan="5" rowspan="4" align="right" valign="bottom"bgcolor="#ff00ff" bordercolor="#808080" bordercolorlight="#ff0000"bordercolordark="#00ff00" background="myweb.gif">width="48%" 该一储存格宽度,接受绝对值(如 80)及相对值(如 80%)。 height="400" 该一储存格高度。 colspan="5" 该一储存格向右打通的栏数。 rowspan="4" 该一储存格向下打通的列数。 align="right" 该一储存格内字画等的摆放贴齐位置(水平),可选值为: left, center, right。 valign="bottom" 该一储存格内字画等的摆放贴齐位置(垂直),可选值为: top, middle, bottom。bgcolor="#ff00ff" 该一储存格底色。bordercolor="#808080" 该一储存格边框颜色。『只适用於 ie』 bordercolorlight="#ff0000" 该一储存格边框向光部分的颜色。『只适用於 ie』bordercolordark="#00ff00" 该一储存格边框背光部分的颜色,使用 bordercolorlight 或 bordercolordark 时 bordercolor 将会失效。『只适用於 ie』background="myweb.gif" 该一储存格的背景图片

我是建一个三行一例的表格,用如下代码替换<TD></td><td style="BORDER-RIGHT: #fffffff 0px solidBORDER-TOP: #000000 0px solidFILTER: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#000000', endColorStr='#ffffff', gradientType='0')"></td>-------------------------------------------------------------------------------------------------------startColorStr='#000000' 渐变色起始色endColorStr='#ffffff' 渐变色终止色。gradientType='0' 参数为0,1,2三种效果,也可以是左右渐变色。至于要达到你的效果,把上下两行的行高定小一点。 删了就行。调整一下表格即可,没什么难度。如整站多处用渐变色表格的话建议用外链CSS文件,不用重复多次代码,只用引用CSS就行。' -----------------------------------------------------------------------------------------------------------------调试页面DW8做的,全部代码如下,请验证。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/htmlcharset=gb2312" />

<title>无标题文档</title>

<style type="text/css">

</style>

</head><body>

<table width="200" cellspacing="0">

<tr>

<td style="BORDER-RIGHT: #fffffff 0px solidBORDER-TOP: #000000 0px solidFILTER: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#ffffff', endColorStr='#000000', gradientType='0')"></td>

</tr>

<tr>

<td bgcolor="#000000"><font color=#FFFFFF>网站导航</font></td>

</tr>

<tr>

<td style="BORDER-RIGHT: #fffffff 0px solidBORDER-TOP: #000000 0px solidFILTER: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#000000', endColorStr='#ffffff', gradientType='0')"></td>

</tr>

</table>

</body>

</html>

不用表中表直接这样就好

<table border="1" bordercolor=red>

<tr bordercolor="blue">

<td>row 1, cell 1</td>

<td>row 1, cell 2</td>

</tr>

<tr bordercolor="black">

<td>row 2, cell 1</td>

<td>row 2, cell 2</td>

</tr>

</table>

呵呵,你试用下!