怎么用CSS设置html中的表格边框样式
<style>
????.myTable?th{
????????border:1px?solid?#fff;
????}
????</style>
????<table?class="myTable">
????????<caption>table?title?and/or?explanatory?text</caption>
????????<thead>
????????????<tr>
????????????????<th>header</th>
????????????</tr>
????????</thead>
????????<tbody>
????????????<tr>
????????????????<td>data</td>
????????????</tr>
????????</tbody>
????</table>table 边框都是border属性,一般设置在th、tr、td上
border ? ?
简写属性,用于把针对四个边的属性设置在一个声明。 ? ?
border-style ? ?
用于设置元素所有边框的样式,或者单独地为各边设置边框样式。 ? ?
border-width ? ?
简写属性,用于为元素的所有边框设置宽度,或者单独地为各边边框设置宽度。 ? ?
border-color ? ?
简写属性,设置元素的所有边框中可见部分的颜色,或为 4 个边分别设置颜色。
用CSS怎么做表格?
<style type="text/css">
#MyUl{list-style:none; margin:0; padding:0; width:401px; font-size:9pt; border:1px solid red; border-bottom:none; border-right:none}
#MyUl li{width:100; float:left; border:1px solid red; border-left:none; :none; padding:5px;}
</style>
<ul id="MyUl">
<li class='li1'>姓名</li>
<li class='li2'>性别</li>
<li class='li3'>年龄</li>
<li class='li4'>备注</li>
<li class='li1'>张三</li>
<li class='li2'>男</li>
<li class='li3'>20</li>
<li class='li4'>无</li>
</ul>
怎么用CSS设置html中的表格边框样式
展开全部
这就是设置了一个table的边框样式,边框宽度为1px、颜色为red的单线 至于solid这里,可以有以下选择: none:表示没 solid:表示单线 double:表示双线 groove:表示凹槽 redge:表示皱纹 dotted:点线(貌似IE6下效果等同于dashed) dashed:虚线
怎么对表格应用CSS样式
和 div一样 给表格定义class或者id 对齐进行控制就行了
比如
控制字体大小
.box tr td{ font-size:14px;}
怎么用CSS设置html中的表格边框样式
用CSS设置html中的表格边框样式,要设计的样式非常多,下面举例说明
工具:
记事本
浏览器
方法如下:
CSS代码:
table-a?table{border:1px?solid?#F00}
<!--关键代码:设置表格边框为1像素,实体,红色-->HTML代码:
<div?class="table-a">
<table?width="400"?border="0"?cellspacing="0"?cellpadding="0">
<tr>
<td?width="105">站名</td>
<td?width="181">网址</td>
<td?width="112">说明</td>
</tr>
<tr>
<td>网站名称</td>
<td>具体网址</td>
<td>网站说明</td>
</tr>
<tr>
<td>网站名称</td>
<td>具体网址</td>
<td>网站说明</td>
</tr>
</table>
</div>效果图如下: