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

PacificRack 端午节再来一款年付$38 VPS主机 2核4GB内存1TB流量

这不端午节和大家一样回家休息几天,也没有照顾网站的更新。今天又出去忙一天没有时间更新,这里简单搜集看看是不是有一些商家促销活动,因为我看到电商平台各种推送活动今天又开始一波,所以说现在的各种促销让人真的很累。比如在前面我们也有看到PacificRack 商家发布过年中活动,这不在端午节(昨天)又发布一款闪购活动,有些朋友姑且较多是端午节活动,刚才有看到活动还在的,如果有需要的朋友可以看看。第一、端...

friendhosting:(优惠55%)大促销,全场VPS降价55%,9个机房,不限流量

每年的7月的最后一个周五是全球性质的“系统管理员日”,据说是为了感谢系统管理员的辛苦工作....friendhosting决定从现在开始一直到9月8日对其全球9个数据中心的VPS进行4.5折(优惠55%)大促销。所有VPS基于KVM虚拟,给100M带宽,不限制流量,允许自定义上传ISO...官方网站:https://friendhosting.net比特币、信用卡、PayPal、支付宝、微信、we...

piayun(pia云)240元/季起云服务器,香港限时季付活动,cn2线路,4核4G15M

pia云怎么样?pia云是一家2018的开办的国人商家,原名叫哔哔云,目前整合到了魔方云平台上,商家主要销售VPS服务,采用KVM虚拟架构 ,机房有美国洛杉矶、中国香港和深圳地区,洛杉矶为crea机房,三网回程CN2 GIA,带20G防御。目前,Pia云优惠促销,年付全场8折起,香港超极速CN2季付活动,4核4G15M云服务器仅240元/季起,香港CN2、美国三网CN2深圳BGP优质云服务器超高性...

好看的table样式为你推荐
云加速oppo R9s 怎样开启云加速状态服务器翻译怎么才能把英文页面直接翻译成中文linux开放8080端口linux系统,tomcat 8080端口,本机访问没问题,远程访问失败,共享虚拟主机基础版Windows7的虚拟机如何共享主机的文件?腾讯云域名绑定服务器怎么把域名绑定到云服务器ECS上cdn有什么用国内有哪些靠谱的 Javascript 库 CDN可用华为云服务找回手机华为手机被刷机后还能用华为云服务定位找回吗?vds是什么汽车vin码代表什么阿里云服务器怎么样阿里云3年800的服务器怎么样中国云服务商排名国内云管理平台市场各品牌市场排名是怎样的?
域名信息查询 域名买卖 域名管理 linode日本 韩国空间 kddi gitcafe 北京双线机房 lol台服官网 服务器托管什么意思 免费高速空间 国外视频网站有哪些 备案空间 国外的代理服务器 主机返佣 电信宽带测速软件 阿里云邮箱怎么注册 windowsserverr2 hosting 更多