好看的table样式关于用DIV怎么做出TABLE的样式

好看的table样式  时间:2021-05-07  阅读:()

web开发中如何把 table 的边框设置为好看的样式?

一般情况下,我们设置表格的边框为1,但是表格的实际边框并不为1px,而是很粗,用以下非常简单的方法可以使边框好看,你可以试试: 首先在Dreamweaver中选中表格,在下面的表格属性面版中把表格的边框改成0,把间距改成1,设置表格的背景颜色为: 然后取消选中表格,把光标放在表格的第一个单元格中,用鼠标在第一个单元格中往右下拖动,以选中整个表格的所有单元格(这里是选中所有单元格,并不等同于刚才的选中整个表格),然后在下面的单元格属性面版中,把单元格的背景颜色变成白色。

好了,保存,浏览,看看,这个表格的边框是不是很好看滴说?!

谁能帮我做一份用HTML+CSS样式的学生成绩表格,要求美观大方。 谢谢

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " /TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns=" /1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>学生成绩表</title> <style type="text/css"> *{margin:0px; padding:0px}body{ background:#fff} .content{ width:900px; margin:0px auto} table.tablelist{ background:#900} table.tablelist th{ background:#FEE; } table.tablelist td{ background:#fff} </style> </head> <body> <table width="100%" class="tablelist" border="0" cellspacing="1" cellpadding="0"> <tr> <th scope="col">学号</th> <th scope="col">姓名</th> <th scope="col">成绩</th> <th scope="col">班级</th> </tr> <tr> <td>&nbsp;</td> <td>&nbsp;</td> <td>&nbsp;</td> <td>&nbsp;</td> </tr> <tr> <td>&nbsp;</td> <td>&nbsp;</td> <td>&nbsp;</td> <td>&nbsp;</td> </tr> </table> </body> </html> 注意编码是UTF-8

关于用DIV怎么做出TABLE的样式

把.row div中的margin-bottom:-1px;改成:-1px; 在#head div中加一句 :0; 这样应该就可以了。

最后代码: <html> <head> <style type="text/css"> .row div{ border:1px solid black; height:20px; width:24%; float:left; margin-right:-1px; :-1px; text-align:center; font-weight:bold; display:block; } #head div{ background-color:#CCFFFF; :0; } </style> <head> <body> <div> <div class="row" id="head" style="width:100%"> <div>标题1</div><div>标题2</div><div>标题3</div><div>标题4</div> </div> <div class="row" id="row1" style="width:100%;" onmousedown="move(this)"> <div>haha</div><div></div><div></div><div></div> </div> <div class="row" id="row2" style="width:100%;"> <div>hoho</div><div></div><div></div><div></div> </div> </div> </html>

NameSilo域名优惠码活动

NameSilo是通过之前的感恩节优惠活动中认识到这家注册商的,于是今天早上花了点时间专门了解了NameSilo优惠码和商家的详细信息。该商家只销售域名,他们家的域名销售价格还是中规中矩的,没有像godaddy域名标价和使用优惠之后的价格悬殊很大,而且其特色就是该域名平台提供免费的域名停放、免费隐私保护等功能。namesilo新注册域名价格列表,NameSilo官方网站:www.namesilo....

Vinahost - 越南VPS主机商月6美元 季付以上赠送时长最多半年

Vinahost,这个主机商还是第一次介绍到,翻看商家的介绍信息,是一家成立于2008年的老牌越南主机商,业务涵盖网站设计、域名、SSL证书、电子邮箱、虚拟主机、越南VPS、云计算、越南服务器出租以及设备托管等,机房主要在越南胡志明市的Viettle和VNPT数据中心,其中VNPT数据中心对于国内是三网直连,速度优。类似很多海外主机商一样,希望拓展自己的业务,必须要降价优惠或者增加机房迎合需求用户...

木木云35元/月,美国vps服务器优惠,1核1G/500M带宽/1T硬盘/4T流量

木木云怎么样?木木云品牌成立于18年,此为贵州木木云科技有限公司旗下新运营高端的服务器的平台,目前已上线美国中部大盘鸡,母鸡采用E5-267X系列,硬盘全部组成阵列。目前,木木云美国vps进行了优惠促销,1核1G/500M带宽/1T硬盘/4T流量,仅35元/月。点击进入:木木云官方网站地址木木云优惠码:提供了一个您专用的优惠码: yuntue目前我们有如下产品套餐:DV型 1H 1G 500M带宽...

好看的table样式为你推荐
一键更换ip求救!2个IP一键切换?谁能告诉我 谁才是真正的IP切换高手阿里云vps如何购买阿里巴巴机房从哪买?我浏览一个网站速度好,Ip显示阿里巴巴机房,从哪里买这样的vps?亚马逊云服务器官网aws中国怎么样?站群是什么意思什么叫网站站群cdn有什么用集团网有什么用hnd-132西南大学HND是怎么回事啊?dc4电脑中ASCLL码是 指什么?云服务器ecs什么意思云这个梗是什么意思域名分类域名如何分类?ms min10min是什么时间单位
windows虚机 高防直连vps cybermonday 瓦工 singlehop l5639 cloudstack 韩国电信 轻博客 好看的桌面背景大图 商务主机 asp免费空间申请 域名接入 cdn加速是什么 能外链的相册 美国凤凰城 工信部icp备案查询 攻击服务器 789电视剧网 htaccess 更多