好看的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>

PIGYun月付14.4元起,美国洛杉矶/韩国VPS七月6折

PIGYun是成立于2019年的国人商家,提供香港、韩国和美西CUVIP-9929等机房线路基于KVM架构的VPS主机,本月商家针对韩国首尔、美国洛杉矶CUVIP-AS29、GIA回程带防御等多条线路VPS提供6-8.5折优惠码,优惠后韩国首尔CN2混合BGP特惠型/美国洛杉矶GIA回程带10Gbps攻击防御VPS主机最低每月14.4元起。下面列出几款不同机房VPS主机配置信息,请留意不同优惠码。...

六一云互联(41元)美国(24元)/香港/湖北/免费CDN/免费VPS

六一云互联六一云互联为西安六一网络科技有限公司的旗下产品。是一个正规持有IDC/ISP/CDN的国内公司,成立于2018年,主要销售海外高防高速大带宽云服务器/CDN,并以高质量.稳定性.售后相应快.支持退款等特点受很多用户的支持!近期公司也推出了很多给力的抽奖和折扣活动如:新用户免费抽奖,最大可获得500元,湖北新购六折续费八折折上折,全场八折等等最新活动:1.湖北100G高防:新购六折续费八折...

MineServer:香港CMI/洛杉矶GIA VPS,2核/2GB内存/20GB NVME/3.5TB流量/200Mbps/KVM,288元/年

mineserver怎么样?mineserver是一家国人商家,主要提供香港CN2 KVM VPS、香港CMI KVM VPS、日本CN2 KVM VPS、洛杉矶cn2 gia端口转发等服务,云服务器网(yuntue.com)介绍过几次,最近比较活跃。现在新推出了3款特价KVM VPS,性价比高,香港CMI/洛杉矶GIA VPS,2核/2GB内存/20GB NVME/3.5TB流量/200Mbps...

好看的table样式为你推荐
华为云桌面国内主流的桌面云产品有哪些?服务器硬防专家你好,我想租一个免备案+硬防的服务器。硬防大概要30G左右 有便宜又好用的推荐吗?谢谢拉那好问一首歌:歌词有..........离家的人流浪在远方,没有那好衣裳没有那好烟..........国外手机号在中国可以用国外手机号码吗?vc9运行库下载微软的运行库在哪下载域名分类域名的基本类型有哪些?香港亚马逊官网网址香港人在网上买东西,都是在什么网站上买东西?paypal取消自动付款paypal付款记录显示已撤销是什么意思?ms min完成下列单位换算50km=______m=______cm;600s=______ms=______minecs和虚拟主机区别vmware workstation 和 player有什么区别
免费国际域名 sharktech tier 搬瓦工官网 宕机监控 贵州电信宽带测速 ubuntu更新源 debian6 网站被封 双拼域名 速度云 qq对话框 百度云1t t云 ca187 上海电信测速网站 lamp什么意思 免备案cdn加速 存储服务器 网站防护 更多