html table边框细线,HTML小技巧将table边框改为细线
HTML制作新手在用TABLE表格时,会碰到如何改变边线粗线,因为默认的TABLE边线设置即使是1px 是很粗的。因此会使用其他一些方法来制作出细线边框,这里介绍一种利用CSS来实现细线的方法,很有效,而且兼容所有浏览器。
细线表格如果单纯设置边框,很难保证浏览器兼容。常见的做法是利用 CSS2 的 "border-collapse:collapse;" 属性合并表格边框;并对 table 元素设置左边框和上边框,对 th 和 td 元素设置右边框和下边框。
HTML:
table head (row1, col1) | table head (row1, col2) | table head (row1, col3) |
---|---|---|
table data (row1, col1) | table data (row1, col2) | table data (row1, col3) |
table data (row2, col1) | table data (row2, col2) | table data (row2, col3) |
CSS:
table{border-collapse:collapse;border-spacing:0;border-left:1px solid #888;border-top:1px solid #888;background:#efefef;}
th,td{border-right:1px solid #888;border-bottom:1px solid #888;padding:5px 15px;}
th{font-weight:bold;background:#ccc;}
iOS开发小技巧 -- tableView-section圆角边框解决方案
[iOS开发]tableView-section圆角边框解决方案 tableView圆角边框解决方案 iOS 7之前,图下圆角边框很容易设置 iOS 7之后,tableviewcell的风格不再是圆角 ...
[css小技巧]input去除边框问题
border:none;是不够的 (1)在谷歌浏览器添加 outline: none;去除点击后产生的边框; (2)IE7下border: none;还会有边框存在,改用border: 0;即可,同时 ...
CSS 小技巧
CSS 小技巧 一.边框内圆角 我们在设计例如按钮等控件的时候,会遇到这样的设计:只有内侧有圆角,而边框或者描边的四个角还是保持直角的形状,用以下代码可以轻松的实现. #wrapper { width ...
iOS:小技巧(不断更新)
记录下一些不常用技巧,以防忘记,复制用. 1.获取当前的View在Window的frame: UIWindow * window=[[[UIApplication sharedApplication] ...
iOS:小技巧(19-02-12更)
记录下一些不常用技巧,以防忘记,复制用. 1.UIImageView 和UILabel 等一些控件,需要加这句才能成功setCorn _myLabel.layer.masksToBounds = YE ...
Windows Azure一些小技巧集合
我最近做了一个Windows Azure上面的项目,自己在做的过程中遇到了很多问题.有的是我自己摸索解决,有的是到网上寻找零碎的信息结合起来解决的.我感觉应当把某些解决方法集中一下,方便我以后查阅,也 ...
FineUI小技巧(1)简单的购物车页面
起因 最初是一位 FineUI 网友对购物车功能的需求,需要根据产品单价和数量来计算所有选中商品的总价. 这个逻辑最好在前台使用JavaScript实现,如果把这个逻辑移动到后台C#实现,则会导致过多 ...
编写css相关注意事项以及小技巧
一.小技巧 1.对于开始写网站css之前一般都要对css进行重置(养成写注释的习惯): ;;} body{font-size:16px;} img{border:none;} li{list-styl ...
文件上传小技巧/原生态【html篇】
引语:大家都知道,html中上传文件就一个input,type=file就搞定了.但是,这个标签的样式,实在不值得提点什么,要改动他的样式,恐怕也是较难的.但是其实挺简单,今天就来说说上传文件小技巧吧 ...
随机推荐
zookeeper原理
Zookeeper与paxos算法:http://www.riaos.com/ria/11299 Paxos算法1:http://blog.csdn.net/chen77716/article/det ...
python 正则re模块
re.match re.match 尝试从字符串的开始匹配一个模式,如:下面的例子匹配第一个单词. import re text = "JGood is a handsome boy, he ...
使用ADO连接oracle数据库“未找到提供程序。该程序可能未正确安装”解决方案
问题描述:VS2010开发的C++程序,在一台Win7旗舰版的已安装Oracle客户端的PC上连接不上Oracle,提示“未找到提供程序.该程序可能未正确安装”,其他语言编写的程序比如C#是可以成功连 ...
[AngularJS] Isolate State Mutations in Angular Components
Managing state is one of the hardest things to do in any application. Angular 2 tackles this problem ...
JavaScript之<;noscript>;标签简介
早期浏览器都面临一个特殊的问题,即当浏览器不支持JavaScript时如何让页面平稳的退化.对这个问题的终极方案就是创造一个
元素,用以在不支持或支持但禁用了JavaSc ...
MySql模糊查询like通配符简介
%代表随意多个字符 _代表一个字符 在 MySQL中.SQL的模式缺省是忽略大写和小写的 正则模式使用REGEXP和NOT REGEXP操作符. "."匹配不论什么单个的字符.一 ...
Moocryption
Moocryption 题目描述 Unbeknownst to many, cows are quite fond of puzzles, particularly word puzzles. Far ...
uva225 回溯剪枝
这道题要剪枝,不然会超时,还有就是每次参加过的城市下次不能再参观,不然会WA. 对于障碍物的坐标我用了两种方法,第一种就是直接用STL里面的set,对于判断是否访问过直接用的count,用时960ms ...
js中的递归总结
主要从"变量+函数"和"函数+变量"两个方面说明解释. function fun() { // 自己调用自己,称为递归调用 fun(); console.log ...
CentOS7完成mysql的安装和远程访问
详见链接https://blog.csdn.net/weixin_42266606/article/details/80879571 (此处我的本地用户名root,密码root:远程用户名root,密 ...
html table边框细线,HTML小技巧将table边框改为细线相关推荐
- php中设置table表格边框大小,有关HTML表格边框的设置小技巧
下面小编就为大家带来一篇有关HTML表格边框的设置小技巧.小编觉得挺不错的,现在分享给大家,也给大家做个参考 对于很多初学HTML的人来说,表格 一般我们用表格的时候总会给它个border属性,比如: ...
- iOS开发小技巧 -- tableView-section圆角边框解决方案
iOS开发小技巧 -- tableView-section圆角边框解决方案 参考文章: (1)iOS开发小技巧 -- tableView-section圆角边框解决方案 (2)https://www. ...
- html设置表格边框标签,HTML表格边框的设置小技巧_html
对于很多初学html的人来说,表格 一般我们用表格的时候总会给它个border属性,比如: ID NAME GENDER 1001 mike male 可以发现表格的边框好像很宽,当然这里的" ...
- table单元格宽度一致_css控制table表格宽度的小技巧教程
因为我们平常说网页布局用DIV CSS代替table布局,但是并不是要完全放弃table,在有些数据呈现的时候用table还是比较方便的,现在我们来讲讲用css控制table宽度的方法. 对table ...
- HTML表格边框的设置小技巧
我们用表格的时候总会给它个border属性,比如:<table border="1">,其效果如下: ID NAME GENDER 1001 mike male 可以发 ...
- Pentaho BI server 中 CCC table Component 的使用小技巧
我使用的版本 Pentaho BI Server 5.3.0.0.213 CDE/CDF/CDA/CCC 15.04.16 stable Q: 如何设置表格中各种提示文字的语言(默认为英语)? CDE ...
- 【PIL处理图片】小技巧之画虚线、加粗字体、长文本自动分行(符号处理)
[PIL处理图片]系列文章目录 小技巧之图片透明渐变处理 小技巧之画虚线.加粗字体.长文本自动分行(符号处理) 小技巧之圆角边框处理 上一篇介绍了图片渐变蒙版处理,还有一些其他的小技巧,一起在这里介绍 ...
- 【PIL处理图片】小技巧之图片透明渐变处理
[PIL处理图片]系列文章目录 小技巧之图片透明渐变处理 小技巧之画虚线.加粗字体.自动分行(符号处理) 小技巧之圆角边框处理 图片透明渐变处理 想要图片有一个从透明到不透明的过渡,可以在图片上加一层 ...
- mysql不能启动问题分析的一个小技巧
场景:在迁移mysql5.5.25a数据目录(从/var/lib/mysql迁移至/data)后,无法启动数据库,执行service mysql start,提示pid无法更新,新旧数据目录下的错误日 ...
最新文章
- 随堂练习--找水王2
- Windows10下使用darknet和YOLOV3训练自己的数据集
- RocketMQ消息支持的模式-消息异步发送
- JUC队列-ArrayBlockingQueue(一)
- git项目根据不同需求进行独立开发
- mysql date转换_mysql DATE 转换 ip to int
- 7-2 搜索树判断 (25 分)
- Hadoop核心架构(1)
- wireshark 分析mptcp ecn语句
- 无痕埋点(声明式)(原创)
- android获取键值对,Android应用开发android中的键值对实例讲解
- python选股软件编写
- 纯css的大于号样式
- ️ 后羿采集器——最良心的爬虫软件
- 哈尔滨车牌摇号系统遭遇黑客攻击瘫痪
- 【志强课堂】今天聊一聊文案有何作用?
- 易语言取java路径模块,511遇见易语言API模块进程创建CreateProcess
- 基于C++的ATM自动取款机设计
- 零基础创作专业wordpress网站05-将主页面设置为主页
- 计算机会计学书籍,清华大学出版社-图书详情-《会计信息系统原理与实验教程》...
热门文章
- NB-IoT简介(4)--物理层上行与下行峰值速率的理论计算
- 【数字信号处理】傅里叶分析:FS、FT、DTFT、DFS、DFT、TTF
- 函数调用前加(void)什么意思
- Qt 聊天软件 源码下载
- 中秋节和教师节喜相逢,VR云游让思乡宅家有归属
- AltDeploy真正Cydia Impactor替代品,通过电脑安装未签名APP技巧
- win64使用openssl生成ca证书
- 在局域网搭建自己的Cydia源
- l4d2 加入指定服务器,朝舞网 - Windows服务器上搭建求生之路(L4D2)Steam社区服务器...
- HP Gen9系列 服务器健康监控灯报警,系统诊断无错