新网创想网站建设,新征程启航
为企业提供网站建设、域名注册、服务器等服务
td是表示的是标签,即所有标签为td的单元格都需要遵循你设定的样式。
成都创新互联公司是一家专业提供西畴企业网站建设,专注与成都网站制作、网站设计、H5响应式网站、小程序制作等业务。10年已为西畴众多企业、政府机构等服务。创新互联专业网络公司优惠进行中。
以下是定义行高代码,数字越大,行与行之间距离越大
.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
设置每个table的样式,比如class=tab1,class=tab2,然后在样式表设置
.tab1 td{这里为tab1的样式}
.tab2 td{这里为tab2的样式}
而不用一个个去设置td class="xx"了 毕竟比较麻烦。
如下代码:
table
td class="style1" 内容 /td
/table
table
td class="style2" 内容 /td
/table
在CSS中定义:
.style1 {
}
.style2 (
}
或者是给TD加上class,相同样式用的相同Class,不同样式用的不同Class
直接使用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;}
观察显示效果
控制table的样式可以这么写:
.td{border:solid #add9c0; border-width:0px 1px 1px 0px;}
.table{border:solid #add9c0; border-width:1px 0px 0px 1px;}
这样都分别引入到table 和 td标签控制样式了。
效果如下:
工具/材料:电脑、sublime text、HTML文档
1、首先就是打开sublime text,准备一个HTML文档,在其中加入一个DIV。
2、然后通过CSS给DIV设置宽,高,背景色。
3、接下来在给div添加一个hover的伪类样式,hover就代表的是鼠标经过的样式。
4、然后,我们运行页面,就可以看到背景颜色已经设置成功了。