求"CSS +DIV"的表格代码有哪些?

html-css022

求"CSS +DIV"的表格代码有哪些?,第1张

你可以这样写\x0d\x0a\x0d\x0a//这是一条记录，你只要循环这里就好\x0d\x0a\x0d\x0a\x0d\x0acss:\x0d\x0adiv{border-top:1px solid #efefefborder-left:1px solid #efefef}//这是外围DIV的CSS样式\x0d\x0adiv strong,div span{float:leftborder-right:1px solid #efefefdisplay:blockheight:50pxborder-bottom:1px solid #efefef}//定义一条记录的边框和高度\x0d\x0adiv strong{width:10%}//小的宽度\x0d\x0adiv span{width:40%}//大的宽度 回答于 2022-11-16

下面来个例子，你可以复制到你的编辑器里修改测试

<style type="text/css">

table.gridtable {}{

    font-family: verdana,arial,sans-serif

    font-size:11px

    color:#333333

    border-width: 1px

    border-color: #666666

    border-collapse: collapse

}

table.gridtable th {}{

    border-width: 1px

    padding: 8px

    border-style: solid

    border-color: #666666

    background-color: #dedede

}

table.gridtable td {}{

    border-width: 1px

    padding: 8px

    border-style: solid

    border-color: #666666

    background-color: #ffffff

}

</style>

<!-- Table goes in the document BODY -->

<table class="gridtable">

<tr>

    <th>Info Header 1</th><th>Info Header 2</th><th>Info Header 3</th>

</tr>

<tr>

    <td>Text 1A</td><td>Text 1B</td><td>Text 1C</td>

</tr>

<tr>

    <td>Text 2A</td><td>Text 2B</td><td>Text 2C</td>

</tr>

</table>

CSS（层叠样式表）级联样式表是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。