×

table边框线

table嵌套table时,边框线过粗,怎么办?如何改变table的边框线颜色

admin admin 发表于2022-05-20 23:33:13 浏览122 评论0

抢沙发发表评论

table嵌套table时,边框线过粗,怎么办


你说的是分页效果,静态网页是不好做的。
可以使用JSP技术,就是嵌入动态的JAVA代码,用来控制表格行的输入。
代码给你参考一下:
《TABLE width=’750’ height=51 border=1 align=center cellPadding=0 cellSpacing=0 class=’jd_tab’
style=’border-collapse:collapse;word-wrap:break-word;’》
《TBODY》
《TR class=jd_titlemu》
《TD width=’5%’ class=’jd_tab’》
《div align=’center’》回复《/div》
《/TD》
《TD width=’50%’ class=’jd_tab’》
《div align=’center’》标题《/div》
《/TD》
《TD width=’20%’ class=’jd_tab’》
《div align=’center’》作者《/div》
《/TD》
《TD width=’25%’ class=’jd_tab’》
《div align=’center’》时间《/div》
《/TD》
《/TR》
《!-- 动态获取留言列表 --》
《%
MessageDao messageDao = new MessageDao();
List messageList = messageDao.selectMessage();
for (int i = 0; i 《 messageList.size(); i++) {
Message message = (Message) messageList.get(i);
%》
《TR class=unnamed1》
《TD width=’6%’ height=’25’ align=middle valign=’top’ class=’jd_tab’》
《%=message.getCount()%》
《/TD》
《TD width=’53%’ height=’25’ align=left valign=’top’ class=’jd_tab’》
《a href=’revertMessage.jsp?messageID=《%=message.getMessageID()%》’》
《img src=’img/1/jd-to.gif’ border=’0’》 《%=message.getTitle()%》
《/a》
《/TD》
《TD width=’20%’ height=’25’ align=middle valign=’top’ class=’jd_tab’》
《font color=#666666》 《%=message.getWriter()%》 《/font》
《/TD》
《TD width=’14%’ height=’25’ align=left valign=’top’ class=’jd_tab’》
《font color=#666666》《%=message.getWriteDate()%》 《/font》
《/TD》
《/TR》
《%
}
%》
《/TBODY》
《/TABLE》

如何改变table的边框线颜色


《table width=“100%“ cellpadding=“0“ cellspacing=“0“ bgcolor=“#a1a1a1“ id=“table2“》---此处设置外边框颜色
《tr 》
《td bgcolor=“#ffffff“ colspan=“6“ height=“25“ align=center》《font color=#ea5e01 size=3》《strong》房屋基本信息《/strong》《/font》《/td》
《/tr》
《tr》
《td bgcolor=“#E6E6FA“ height=“25“ width=“13%“ align=center》房屋状态《/td》
《td bgcolor=“#ffffff“ width=“20%“ valign=center 》---此处设置单元格边框颜色
$TYPE$《/td》
《td bgcolor=“#E6E6FA“ width=“13%“ align=center 》房屋类别《/td》此处设置单元下边框颜色
《td bgcolor=“#ffffff“ width=“20%“ valign=center 》$FWLB$《/td》
《td bgcolor=“#E6E6FA“ width=“13%“ align=center》所在地区《/td》
《td bgcolor=“#ffffff“ width=“20%“ valign=center 》$XS$《/td》
《/tr》《/table》

html语法,让table里的每一个行和列都有黑色的边框线怎么弄css代码


两种方法可以使用,

1、使用style的td{border:1px solid black;}属性可以添加边线,但是容易线条重叠,显得不美观,单独使用td{border-top:1px solid black;}等属性操作繁琐,基本不建议使用-table边框线

2、使用table自带属性《table border=“1“》,可以直接为table内的单元格加上线条,但是单元格之间默认有边距,如果不想要的话使用cellspacing=“0“清空边距,而且使用 border=“1“线条会显得比较粗,所以可以使用style=“border-collapse:collapse;“让其变细,以下为demo代码。
-table边框线

《html》
《head》
《meta charset=“utf-8“》
《/head》
《body》
《!-------使用table自带属性border,cellspacing属性0是取消单元格之间的距离,不写style部分线条默认会比较粗---------》
《table cellspacing=“0“ border=“1“ style=“border-collapse:collapse;“》
《tr》
《td》《/td》
《td》《/td》
《td》《/td》
《td》《/td》
《/tr》
《tr》
《td》《/td》
《td》《/td》
《td》《/td》
《td》《/td》
《/tr》
《tr》
《td》《/td》
《td》《/td》
《td》《/td》
《td》《/td》
《/tr》
《/table》
《/body》
《/html》