关于td样式css的信息

如何使用CSS给所有td下的文本框定义样式？

直接使用css的标签选择器就可以实现

td input[type='text'] {.../*设置需要的样式*/}

举个例子：

创建Html元素

table

tr

tdname/td

tdinput type="text"/td

tdsex/td

tdinput type="radio" name="sex" checked男input type="radio" name="sex"女/td

/tr

tr

tdtel./td

tdinput type="text"/td

tdaddr./td

tdinput type="text"/td

/tr

/table

设置css样式

table{border-collapse: collapse;}

td{border:1px solid #ccc;padding:5px;}

/*设置单元格中文本框的样式*/

td input[type='text']{border:1px solid green;border-radius:3px;height:30px;}

观察显示效果

相关问答

Q1: 哪位高手可能详细给出CSS中的TD样式

以下是定义行高代码，数字越大，行与行之间距离越大

.td{

line-height: 12px;

}

或者用百分比也行

.td{

line-height: 150%;

}

调用时先在head/head之间放入

link href="css.css" rel="stylesheet" type="text/css" /

注意href="css.css"是路径自己定义

调用时用class="td"就行了

例：

table width="50"

tr

td class="td"121312313131/td

/tr

/table

Q2: 如何给table的指定td进行css样式改变

比如：td:nth-child(3){background-color:#000; color:#fff;}/*把第3个td的背景设为黑色*/

:nth-child()不止可以给table指定样式

Q3: 如何使用css让td中的文字自动换行

1、首先打开hbuilder软件，新建一个html文件，里面设置一个3行一列的table表格。

2、然后在style标签中设置table的样式，给table一个宽度和高度，并且把字体调大，设置背景色；再设置td的样式，给它们添加word-wrap和word-break两个属性就可以了，此css属性表示  在长单词或 URL 地址内部进行换行。

3、然后打开浏览器，就可以看到文字已经自动换行了。