html语义化表单边框显示,html表格边框怎么去掉

去掉html表格边框的方法：首先创建一个HTML示例文件；然后在body中通过table标签创建表格内容；最后通过“border-left: none;border-right: none;”等css属性去掉指定的表格边框即可。

本文操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。

HTML中Table去掉左右两边的边框.table {

text-align: center;

}

.table table {

font-size: 14px;

border-collapse: collapse;

width: 70%;

table-layout: fixed;

text-align: center;

line-height: 25px;

margin:0 auto;

}

.table table tr {

border: dashed 1px #a59e9e;

border-left: none;

border-right: none;

}

效果如图所示：

附上原html代码：

Table去掉左右两边的边框

.table {

text-align: center;

}

.table table {

font-size: 14px;

border-collapse: collapse;

width: 70%;

table-layout: fixed;

text-align: center;

line-height: 25px;

margin:0 auto;

}

.table table tr {

border: dashed 1px #a59e9e;

border-left: none;

border-right: none;

}

人员信息

姓名	性别	年龄	出生日期	地址
小明	男	20	1998-10-12	北京市
小花	女	19	1999-02-02	上海市
小强	男	22	1996-05-04	上海市

【推荐学习：css视频教程】

html语义化表单边框显示,html表格边框怎么去掉相关推荐

web元件库、axure元件库、通用元件库、常用web组件、常用表单、框架、数据表单、导航栏、边框、图标、列表、日期时间选择器、评分组件、穿梭框、输入框、步骤条、图表组件、数据可视化、后台模板、时间轴
web元件库.axure元件库.通用元件库.常用web组件.常用表单.框架.数据表单.导航栏.边框.图标.列表.日期时间选择器.评分组件.穿梭框.输入框.步骤条.图表组件.数据可视化.后台模板.时间轴 ...
SharePoint 2007:该表单无法显示，因为会话状态不可用。
最近在学习SharePoint,在创建工作流时出现"该表单无法显示,因为会话状态不可用."提示. 从网站上面搜到的答案是更新站点的webconfig文件. 在配置文件中,查找htt ...
web元件库、axure元件库、元件库、web组件、控件、表单、框架、数据表单、导航栏、边框、图标、列表、日期时间选择器、评分组件、穿梭框、输入框、步骤条、图表组件、数据可视化、后台模板、时间轴
web元件库.axure元件库.通用元件库.web组件.控件.表单.框架.数据表单.导航栏.边框.图标.列表.日期时间选择器.评分组件.穿梭框.输入框.步骤条.图表组件.数据可视化.后台模板.时间轴. ...
设置输入框el-input图标 / el-input表单只显示number
设置输入框el-input图标如果你在使用element-ui自定义插件的时候, 想保持和element风格一致,需要用到输入框 ,并且里面有icon小图标,不需要自己手写样式, 可以通过下面2种方 ...
表单查询显示翻页等不可用,提示对象不支持此属性或方法，切记查询按钮的name值不能为submit
切记查询按钮的name值不能为submit.其中原代码如下: <input name="submit" type="submit" class=" ...
html表单页脚,HTML 表格
HTML 表格实例: First Name Last Name Points Jill Smith 50 Eve Jackson 94 John Doe 80 Adam Johnson 67 HTML ...
Java根据PDF表单模板和CSV表格批量生成证书等文件
最近遇到需求,需要批量生成800+个证书,所以写了一个简单个工具,原理就是PDF表单,读取csv表格中的数据,然后批量生成,比较通用的一个工具,所以分享一下 import com.itextpdf.t ...
配置化表单FormRender初尝试
相信常常做中后台项目的同学都知道,中后台50%的场景和表单有关,并在可灵活配置要求很高,特别是搭建表单配置场景,如果能通过下发JSON配置来生成表单视图的方法,理论上可以提高开发效率. 然而,我找到了 ...
html在表单左上角显示文字,js+css实现增加表单可用性之提示文字
平常设计表单的时候,我们会加入一些提示文字,比如说在搜索框里,我们会提示"请输入关键字",并在搜索框得到焦点和失去焦点的时候适时的隐藏和显示,最常见的做法是利用value来设置: ...

html语义化表单边框显示,html表格边框怎么去掉

人员信息

html语义化表单边框显示,html表格边框怎么去掉相关推荐

最新文章

热门文章