hc学习平台

 找回密码
 立即注册
搜索
热搜: 活动 交友 javakc
 › 珞 › 日志

编写css代码,使表格实现如下效果

2022-08-12 10:53:05 查看(49) 回复(0)

页面中有如下表格:
1 2 3 4
5 6 7 8
9 10 11 12

代码如下:


<table width="300" height="200" border="1">
			<tr>
				<td>1</td>
				<td>2</td>
				<td>3</td>
				<td>4</td>
			</tr>
			<tr>
				<td>5</td>
				<td>6</td>
				<td>7</td>
				<td>8</td>
			</tr>
			<tr>
				<td>9</td>
				<td>10</td>
				<td>11</td>
				<td>12</td>
			</tr>
		</table>


编写css代码,使表格实现如下效果:

  • 第1,5,9,4,8,12单元格文字居中

td:last-child{
    text-align: center;
}
td:first-child{
    text-align: center;
}

评论 (0 个评论)

facelist

全部作者的其他最新日志



站点统计|举报|Archiver|手机版|小黑屋|Comsenz Inc.

GMT+8, , Processed in 0.195171 second(s), 9 queries .

Powered by javakc! X1.0

© 2004-2014 javakc

f1208.com 备案号:京ICP备14030918号-1

返回顶部