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

LOCVPS新上日本软银线路VPS,原生IP,8折优惠促销

LOCVPS在农历新年之后新上架了日本大阪机房软银线路VPS主机,基于KVM架构,配备原生IP,适用全场8折优惠码,最低2GB内存套餐优惠后每月仅76元起。LOCVPS是一家成立于2012年的国人VPS服务商,提供中国香港、韩国、美国、日本、新加坡、德国、荷兰、俄罗斯等地区VPS服务器,基于KVM或XEN架构(推荐选择KVM),线路方面均选择国内直连或优化方案,访问延迟低,适合建站或远程办公使用。...

VPS云服务器GT线路,KVM虚vps消息CloudCone美国洛杉矶便宜年付VPS云服务器补货14美元/年

近日CloudCone发布了最新的补货消息,针对此前新年闪购年付便宜VPS云服务器计划方案进行了少量补货,KVM虚拟架构,美国洛杉矶CN2 GT线路,1Gbps带宽,最低3TB流量,仅需14美元/年,有需要国外便宜美国洛杉矶VPS云服务器的朋友可以尝试一下。CloudCone怎么样?CloudCone服务器好不好?CloudCone值不值得购买?CloudCone是一家成立于2017年的美国服务器...

新网,域名7月盛夏1核心2G内存.COM域名仅19.9元/首年,主机9.9元/月,企业邮箱0元体验

新网好不好?新网域名便宜吗?新网怎么样?新网是国内老牌知名域名注册商,企业正规化运营,资质齐全,与阿里云万网和腾讯云DNSPOD同为国内服务商巨头。近日新网发布了最新的七月放价季优惠活动,主要针对域名、云主机、企业邮箱、SSL证书等多款云产品推送了超值的优惠,其中.com顶级域名仅19.9元/首年,.cn域名仅16元/首年,云主机1核心2G内存3Mbps带宽仅9.9元/月,企业邮箱更是免费送1年,...

好看的table样式为你推荐
国内免备案yosyun卡耐基写给女人一生幸福的忠告 在哪里可以购买 最好是打折或者免邮费我的世界外国服务器我的世界外国服务器怎么进?阿里服务器一年多少钱在阿里巴巴网开店一年要交多少费用?云服务器ecs怎么用云服务器ECS 控制面板上没得添加或删除程序怎么办带宽租用承包1000多户小区的宽带业务从运营商那租用宽带可以吗如果可以哪种比较合适需要多少宽带?利润如何?重谢怎么登录阿里云服务器mac系统怎么连接阿里云服务器?云服务器搭建华为云服务器怎么搭建FTP站群是什么意思日本的亚麻跌是什么意思?minecraft国外服务器我的世界怎么进美国服务器施乐700施乐700代码010-342求高手指点
武汉域名注册 外国服务器 香港主机 网站实时监控 好看qq空间 免费网站申请 免费个人空间申请 天互数据 刀片服务器是什么 泉州电信 空间技术网 优酷黄金会员账号共享 新睿云 四川电信商城 空间登入 英雄联盟台服官网 杭州电信宽带优惠 域名转入 netvigator 万网服务器 更多