CSS如何画出一个表格出来

 时间:2024-10-13 20:21:07

1、只对table标签设置border(边框)样式,将让此表格最外层table一个边框,而表格内部不产生边框样式。<style>.table-atable{border:1pxsolid#F00}/*css注释:只对table标签设置红色边框样式*/</style>

CSS如何画出一个表格出来

2、对应html代码片段<divclass="table-a"><tablewidth="400"border="0"cellspacing="0"cellpadding="0"><tr><tdwidth="105">站名</td><tdwidth="181">网址</td><tdwidth="112">说明</td></tr><tr><td>DIVCSS5</td><td>www.divcss5.com</td><td>CSS学习</td></tr><tr><td>CSS5</td><td>www.css5.com.cn</td><td>CSS切图</td></tr></table></div>

3、css对table设置边框案例截图-仅对table标签设置边框style>.table-ctable{border-right:1pxsolid#F00;border-bottom:1pxsolid#F00}.table-ctabletd{border-left:1pxsolid#F00;border-top:1pxsolid#F00}/*css 注释:只对tabletd设置左与上边框;对table设置右与下边框;为了便于截图,我们将css注释说明换行排版*/</style>

CSS如何画出一个表格出来
  • css3设置字体阴影
  • 用CSS来控制实现div的外边距margin
  • jquery如何设置div中图片与边框的距离
  • 如何控制div中文字内容的对齐方式
  • 如何编写HTML5的第一个页面?
  • 热门搜索
    过年手抄报简单又漂亮 心理手抄报图片 花的手抄报 预防禽流感手抄报 预防结核病手抄报内容 安全文明手抄报 清正廉洁手抄报 法律手抄报内容 2020年鼠年手抄报 朝花夕拾手抄报 初一