css表格细边框样式,css细线边框
用CSS设置Table的细边框的几种方法(2009
设置Table的细边框通常有这么几种方式:
创新互联专注于龙亭网站建设服务及定制,我们拥有丰富的企业做网站经验。 热诚为您提供龙亭营销型网站建设,龙亭网站制作、龙亭网页设计、龙亭网站官网定制、微信平台小程序开发服务,打造龙亭网络公司原创品牌,更为您提供龙亭网站排名全网营销落地服务。
1、设置边框的BORDER=0
、cellspacing=1,设置Table的背景色为所要的边框色,再设置所有的td背景色为白色,这样细边框就显露出来了。这个方法有些邪气,看似不太正宗,但是也能达到效果,条条大路通罗马嘛!
再来看看第二种方法:
2、设置BORDER=0
,再通过CSS,给Table加上1px的border-top,border-left,然后再设置所有的td的border-right,border-bottom,这样也能达到所要的效果。可见CSS很是强大啊。
下面介绍一种更为简便有效的方法:
3、设置table的CSS为{border-collapse:collapse;border:none;},再设置td的CSS为{border:solid #000 1px;},大功告成!而且Word也能认出这种设置。
表格细边框的CSS样式什么设置?
1.所有的均为细边框。\x0d\x0atable,table td,table th{border:1px solid #ff0000;border-collapse:collapse;}\x0d\x0a\x0d\x0a2.指定的为细边框,把放在中,用ID作索引,如下:\x0d\x0a#mdA table,#mdA table td,#mdA table th{border:1px solid #ff0000;border-collapse:collapse;}\x0d\x0a\x0d\x0a\x0d\x0a \x0d\x0a \x0d\x0a
\x0d\x0a \x0d\x0a
\x0d\x0a \x0d\x0a
\x0d\x0a \x0d\x0a\x0d\x0a
回答于 2022-11-16
抢首赞
已踩
查看全部1个回答
立即下载
— 为你推荐更多精彩内容 —
正在加载
加载失败 点击重新加载
微信
微博
QQ空间
答案纠错
举报
取消
赞赏答主
5
10
50
100
200
已赞赏0财富值
合计:0 财富值
登录后赞赏
选择举报类型
侵犯版权
色情低俗
涉嫌违法犯罪
时政信息不实
垃圾广告
低质灌水
工作人员会在48小时内处理,处理结果请关注系统通知,感谢您对百度知道的支持。
确定
void function(a,b,c,d,e,f){function g(b){a.attachEvent?a.attachEvent("onload",b,!1):a.addEventListener&&a.addEventListener("load",b)}function h(a,c,d){d=d||15;var e=new Date;e.setTime((new Date).getTime()+1e3*d),b.cookie=a+"="+escape(c)+";path=/;expires="+e.toGMTString()}function i(a){var c=b.cookie.match(new RegExp("(^| )"+a+"=([^;]*)(;|$)"));return null!=c?unescape(c[2]):null}function j(){var a=i("PMS_JT");if(a){h("PMS_JT","",-1);try{a=a.match(/{["']s["']:(\d+),["']r["']:["']([\s\S]+)["']}/),a=a&&a[1]&&a[2]?{s:parseInt(a[1]),r:a[2]}:{}}catch(c){a={}}a.r&&b.referrer.replace(/#.*/,"")!=a.r||alog("speed.set","wt",a.s)}}if(a.alogObjectConfig){var k=a.alogObjectConfig.sample,l=a.alogObjectConfig.rand;d="https:"===a.location.protocol?""+d:""+d,k&&l&&l>k||(g(function(){alog("speed.set","lt",+new Date),e=b.createElement(c),e.async=!0,e.src=d+"?v="+~(new Date/864e5)+~(new Date/864e5),f=b.getElementsByTagName(c)[0],f.parentNode.insertBefore(e,f)}),j())}}(window,document,"script","/hunter/alog/dp.mobile.min.js");
window.tt = 1669990024;
细线边框单元格 CSS
使用 CSS border 属性 控制边框线。
定义和用法
border 简写属性在一个声明设置所有的边框属性。
可以按顺序设置如下属性:
border-width
border-style
border-color
如果不设置其中的某个值,也不会出问题,比如 border:solid #ff0000; 也是允许的。
border-style 属性用于设置元素所有边框的样式,或者单独地为各边设置边框样式。可能值有:
注意:
如果是设置表格单元格的表框线,还需要给table标签添加border-collapse 属性。
border-collapse 属性设置表格的边框是否被合并为一个单一的边框,还是象在标准的 HTML 中那样分开显示。
CSS样式 让表格边框变细 再给定一个边框颜色。
我喜欢用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
分享标题:css表格细边框样式,css细线边框
当前地址:http://scyanting.com/article/dsijpsg.html