手机
当前位置:查字典教程网 >网页设计 > Div+Css教程 >CSS table 单行布局示例代码
CSS table 单行布局示例代码
摘要:table{border-collapse:collapse;}td{border:1pxbluesolid;}asdfasdfasdfas...

<html>

<head>

<mce:style type="text/css"><></mce:style>

<style type="text/css" mce_bogus="1">

table{border-collapse:collapse;}

td{border:1px blue solid;}

</style>

</head>

<body>

<br/><br/><br/><br/>

<table width="50%" align="center">

<tr>

<td>asdf</td><td>asdf</td><td>asdf</td><td>asdf</td><td>asdf</td>

</tr>

<tr>

<td>asdf</td><td>asdf</td><td>asdf</td><td>asdf</td><td>asdf</td>

</tr>

<tr>

<td>asdf</td><td>asdf</td><td>asdf</td><td>asdf</td><td>asdf</td>

</tr>

<tr>

<td>asdf</td><td>asdf</td><td>asdf</td><td>asdf</td><td>asdf</td>

</tr>

<tr>

<td>asdf</td><td>asdf</td><td>asdf</td><td>asdf</td><td>asdf</td>

</tr>

</table>

</body>

</html>

<>

<html>

<head>

<mce:style type="text/css"><></mce:style><style type="text/css" mce_bogus="1">

table{background:#0000FF;}

tr{background:#FFFFFF;}

</style>

</head>

<body>

<br/><br/><br/><br/>

<table width="50%" align="center" cellspacing="0">

<tr>

<td>asdf</td><td>asdf</td><td>asdf</td><td>asdf</td><td>asdf</td>

</tr>

<tr>

<td>asdf</td><td>asdf</td><td>asdf</td><td>asdf</td><td>asdf</td>

</tr>

<tr>

<td>asdf</td><td>asdf</td><td>asdf</td><td>asdf</td><td>asdf</td>

</tr>

<tr>

<td>asdf</td><td>asdf</td><td>asdf</td><td>asdf</td><td>asdf</td>

</tr>

<tr>

<td>asdf</td><td>asdf</td><td>asdf</td><td>asdf</td><td>asdf</td>

</tr>

</table>

</body>

</html>

【CSS table 单行布局示例代码】相关文章:

CSS控制Table内外边框、颜色、大小示例

CSS自动控制图片大小的代码

CSS相框效果示例代码

DIV+CSS常用的网页布局代码

html空格代码

CSS table 单行布局示例代码

CSS3制作ajax loader icon实现思路及代码

CSS实现样式布局的锦囊妙计22招

CSS浮动布局基础

CSS3实现的炫酷菜单代码分享

精品推荐
分类导航