示例 2 : 使用css 示例 3 : 不同的td有不同的背景色
不使用css 给每一个单元格加上背景颜色
就需要给每一个td元素加上bgcolor属性 <table border="1">
<tr >
<td bgcolor="gray" >1</td>
<td bgcolor="gray">2</td>
</tr>
<tr>
<td bgcolor="gray">3</td>
<td bgcolor="gray">4</td>
</tr>
<tr>
<td bgcolor="gray">a</td>
<td bgcolor="gray">b</td>
</tr>
</table>
<table border="1"> <tr > <td bgcolor="gray" >1</td> <td bgcolor="gray">2</td> </tr> <tr> <td bgcolor="gray">3</td> <td bgcolor="gray">4</td> </tr> <tr> <td bgcolor="gray">a</td> <td bgcolor="gray">b</td> </tr> </table>
使用css 给每一个单元格加上背景颜色
只需要在最前面写一段css代码,所有的单元格都有背景颜色了 这是一种分层设计的思想,css把和颜色,大小位置等信息剥离到<style>中,而html只用关心提供什么样的内容就行了。 <style>
td{
background-color:gray;
}
</style>
<table border="1">
<tr >
<td>1</td>
<td>2</td>
</tr>
<tr>
<td>3</td>
<td>4</td>
</tr>
<tr>
<td>a</td>
<td>b</td>
</tr>
</table>
这就涉及到选择器的知识,请看选择器章节
HOW2J公众号,关注后实时获知最新的教程和优惠活动,谢谢。
问答区域
2020-09-13
站长的教程吼啊!
1 个答案
Young0314 跳转到问题位置 答案时间:2021-03-04 <table back-ground="green">
<tr>
<td bgcolor="red" height=100 width=100></td>
<td bgcolor="yellow" height=100 width=100></td>
<td bgcolor="blue" height=100 width=100></td>
</tr>
<tr>
<td bgcolor="pink" height=100 width-100></td>
<td bgcolor="black" height=100 width=100></td>
<td bgcolor="orange" height=100 width=100></td>
</tr>
<tr>
<td bgcolor="hardbrown" height=100 width=100></td>
<td bgcolor="grey" height=100 width=100></td>
<td bgcolor="deepgrey" height=100 width=100></td>
</table>
回答已经提交成功,正在审核。 请于 我的回答 处查看回答记录,谢谢
2020-04-25
关于background和background-color的区别
2 个答案
王菜菜 跳转到问题位置 答案时间:2021-11-04 <style>
td {background-color:red; width=40px; height=40px;}
</style>
<table border="1">
<tr>
<td>11</td>
<td>22</td>
<td>33</td>
</tr>
<tr>
<td>44</td>
<td>55</td>
<td>33</td>
</tr>
<tr>
<td>77</td>
<td>66</td>
<td>22</td>
</tr>
</table>
Young0314 跳转到问题位置 答案时间:2021-03-04 <table back-ground="green">
<tr>
<td bgcolor="red" height=100 width=100></td>
<td bgcolor="yellow" height=100 width=100></td>
<td bgcolor="blue" height=100 width=100></td>
</tr>
<tr>
<td bgcolor="pink" height=100 width-100></td>
<td bgcolor="black" height=100 width=100></td>
<td bgcolor="orange" height=100 width=100></td>
</tr>
<tr>
<td bgcolor="hardbrown" height=100 width=100></td>
<td bgcolor="grey" height=100 width=100></td>
<td bgcolor="deepgrey" height=100 width=100></td>
</table>
回答已经提交成功,正在审核。 请于 我的回答 处查看回答记录,谢谢
2020-03-07
可以用css来对齐吗?
2020-01-05
小企业的前端Time-CSS 教程
2018-12-29
这一部分是CSS2?
提问太多,页面渲染太慢,为了加快渲染速度,本页最多只显示几条提问。还有 2 条以前的提问,请 点击查看
提问之前请登陆
提问已经提交成功,正在审核。 请于 我的提问 处查看提问记录,谢谢
|