CSS样式 让表格边框变细 再给定一个边框颜色。

CSS样式 让表格边框变细 再给定一个边框颜色。,第1张

我喜欢用CSS+DIV, 代码整洁易修改,易控制,而且代码可以跟HTML标签分离,放到一个独立的文件夹中,可以被多个页面同时引用。CSS代码:<style type="text/css">

{

margin:0px;

padding:0px;

font-size:18px;

}

#user{

height: 20px;

width: 150px;

}

#pwd {

height: 20px;

width: 150px;

margin-left: 17px;

}

#cont {

height: auto;

width: 300px;

background-color:#feccff;

margin:50px auto;

}

form{

display:block;

padding:5px;

border: 1px solid #090;

}

center input{

font-size:16px;

}

</style> HTML代码:<div class="cont" id="cont">

<form action="" method="post">

用户名:<input id="user" name="user" type="text" value="" />

密码:<input id="pwd" name="pwd" type="password" />

<center> <input name="" type="submit" value="提交" /> <input name="" type="reset" value="重置" /></center>

</form>

</div>

孩子,我想告诉你,如果你还继续使用表格建站的话,会一直找不到工作的。我想这一定是大学老师在教你用表格建站吧\x0d\听我一言,现在都是用div+css建站!\x0d\你要的边框效果css这样写\x0d\先来个\x0d\然后写css:\x0d\\x0d\biaoge{ width:200px; height:100px; border:1px solid #000;}\x0d\

……

太宽泛了。

不知道楼主对CSS和html的掌握程度如何。

这种效果需要几步:

一、定义表格或是整体页面的背景颜色。

二、字义表格的边框颜色,并且需要合并相邻边框。

剩下的就是表格的宽度与高度的调整了。

table{

    background:;/里面写你需要的背景色/

}

td{

    border:1px solid #000;/这个是你需要的给需要的td专门加边框/

}

按照这样写就可以了,具体需要什么样式你可以自己再加

    <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 个边分别设置颜色。

<link href="y5ucss" rel="stylesheet" type="text/css" /></head><body><table width="363"><tr><td width="355"><img src="模板jpg" width="333" height="24" /></li></td></tr><tr><td><li><a href="#"></a>北约希望与俄罗斯建立“具有建设性的”关系</li></td></tr><tr><td><li><a href="#"></a>北约希望与俄罗斯建立“具有建设性的”关系</li></td></tr><tr><td><li><a href="#"></a>北约希望与俄罗斯建立“具有建设性的”关系</li></td></tr><tr><td><li><a href="#"></a>北约希望与俄罗斯建立“具有建设性的”关系</li></td></tr><tr><td><li><a href="#"></a>北约希望与俄罗斯建立“具有建设性的”关系</li></td></tr><tr><td><li><a href="#"></a>北约希望与俄罗斯建立“具有建设性的”关系</li></td></tr></table></body></html>编辑对应的CSS代码,在表格加边框颜色(黑色)。

左边td和右边td会共用中间那个边框,两边完全不一样的话,中间那条边框分别为05px红色05px蓝色 ,可是DW里最小单位为1px,你让DW情何以堪啊?所以说要么中间边框是红色 要么是蓝色

设置table的bordercolor的方法:

table{

width:100;

border-color:red;

border:1px;

background:yellow;

}

Table控件主要用于在web页面上创建表格,其功能与HtmlTable类似。不同的是,Table控件可以用动态的内容以编程的方式来生成表格。

欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/bake/12181853.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-21
下一篇 2023-05-21

发表评论

登录后才能评论

评论列表(0条)

保存