table边框

// /deep/ .el-table { // thead { // .cell { // text-align: left; // table 表头 左对齐 // } // } // .delete-row { // color: #d8d8d8; // } // .el-table__expand-icon { //修改 el-tabel 折叠按钮的位置 // float:right; // } // // 去掉table的border start---------------------------- // border: 0; // th, // tr, // td{ // border: 0; // background-color: #fff; // } // &::before { // height: 0px; // } // &::after { // width: 0; // } // .el-table__fixed:before { // height: 0; // } // 去掉table的border end---------------------------- // } 来源： https://www.cnblogs.com/var-chu/p/11396311.html

字体属性：(font) 大小 font-size: x-large;(特大) xx-small;(极小) 一般中文用不到，只要用数值就可以，单位：PX、PD 样式 font-style: oblique;(偏斜体) italic;(斜体) normal;(正常) 行高 line-height: normal;(正常) 单位：PX、PD、EM 粗细 font-weight: bold;(粗体) lighter;(细体) normal;(正常) 变体 font-variant: small-caps;(小型大写字母) normal;(正常) 大小写 text-transform: capitalize;(首字母大写) uppercase;(大写) lowercase;(小写) none;(无) 修饰 text-decoration: underline;(下划线) overline;(上划线) line-through;(删除线) blink;(闪烁) 常用字体： (font-family) "Courier New", Courier, monospace, "Times New Roman", Times, serif, Arial, Helvetica, sans-serif, Verdana 背景属性： (background) 色彩background-color:

其实，CSS就三个大模块： 盒子模型 、 浮动 、 定位，其余的都是细节。要求这三部分，无论如何也要学的非常精通。 所谓盒子模型就是把HTML页面中的元素看作是一个矩形的盒子，也就是一个盛装内容的容器。每个矩形都由元素的内容、内边距（padding）、边框（border）和外边距（margin）组成。 看透网页布局的本质 网页布局中，我们是如何把里面的文字，图片，按照美工给我们的效果图排列的整齐有序呢？ 牛奶是怎样运输，让消费者购买的呢？ 我们说过，行内元素比如 文字 类似牛奶，也需要一个盒子把他们装起来，我们前面学过的双标签都是一个盒子。有了盒子，我们就可以随意的，自由的，摆放位置了。 看透网页布局的本质： 把网页元素比如文字图片等等，放入盒子里面，然后利用CSS摆放盒子的过程，就是网页布局。 CSS 其实没有太多逻辑可言 ， 类似我们小时候玩的积木,我们可以自由的，随意的摆放出我们想要的效果。 盒子模型（Box Model） 这里略过 老旧的ie盒子模型（IE6以下），对不起，我都没见过IE5的浏览器。 CSS3的 盒子模型 我们后面会讲。 首先，我们来看一张图，来体会下什么是盒子模型。 所有的文档元素（标签）都会生成一个矩形框，我们成为元素框（element box），它描述了一个文档元素再网页布局汇总所占的位置大小。因此， 每个盒子除了有自己大小和位置外

HTML 样式 1. font字体 font-family 字体样式 比如:微软雅黑、Serif 字体、Sans-serif 字体、Monospace 字体、Cursive 字体、Fantasy 字体 color 字体颜色 font-size:50px 字体大小 注意： 如果您没有规定字体大小，普通文本（比如段落）的默认大小是 16 像素 (16px=1em)。 text-align:center 对齐方式 font-style 字体风格斜体 normal - 文本正常显示、italic - 文本斜体显示、oblique - 文本倾斜显示 font-variant 小型大写字母 font-weight 字体粗细normal:400 bold:700 最粗:900 总结 属性 描述 font 简写属性。作用是把所有针对字体的属性设置在一个声明中。 font-family 设置字体系列。 font-size 设置字体的尺寸。 font-size-adjust 当首选字体不可用时，对替换字体进行智能缩放。（CSS2.1 已删除该属性。） font-stretch 对字体进行水平拉伸。（CSS2.1 已删除该属性。） font-style 设置字体风格。 font-variant 以小型大写字体或者正常字体显示文本。 font-weight 设置字体的粗细。 2. background背景

##表格的样式和合并 ##table： ##1. border-collapse 属性 为表格设置合并边框模型： table { border-collapse:collapse; } collapse 如果可能，边框会合并为一个单一的边框。会忽略 border-spacing 和 empty-cells 属性 separate 默认值。边框会被分开。不会忽略 border-spacing 和 empty-cells 属性 inherit 规定应该从父元素继承 border-collapse 属性的值 ##2.border属性 指定CSS表格边框，使用border属性。 下面的例子指定了一个表格的Th和TD元素的黑色边框： 实例 table, th, td { border: 1px solid black; } ##3.表格宽度和高度 Width和height属性定义表格的宽度和高度。 下面的例子是设置100％的宽度，50像素的th元素的高度的表格： 实例 table { width:100%; } th { height:50px; ##4. 表格文字对齐 表格中的文本对齐和垂直对齐属性。 text-align属性设置水平对齐方式，像左，右，或中心： 实例 td { text-align:right; } ##5. 表格填充 如果在表的内容中控制空格之间的边框

HTML_TABLE内外边框颜色设置及页面居中 HTML_TABLE内外边框颜色设置及页面居中 时间: 2009.05.07 11:32:00 标签: <table width="100%" cellpadding="0" cellspacing="0" bgcolor="#a1a1a1" id="table2">---此处设置外边框颜色 <tr > <td bgcolor="#ffffff" colspan="6" height="25" align=center><font color=#ea5e01 size=3><strong>房屋基本信息</strong></font></td> </tr> <tr> <td bgcolor="#E6E6FA" height="25" width="13%" align=center>房屋狀態</td> <td bgcolor="#ffffff" width="20%" valign=center >---此处设置单元格边框颜色 $TYPE$</td> <td bgcolor="#E6E6FA" width="13%" align=center >房屋類別</td>此处设置单元下边框颜色 <td bgcolor="#ffffff" width="20%" valign=center >$FWLB$</td> <td bgcolor="

认识border属性 我们可以通过boder属性来为元素设置边框； 元素的边框 (border) 是围绕元素内容和内边距的一条或多条线。 CSS border 属性允许你规定元素边框的样式、宽度和颜色。 值得注意的一点是：为元素设置边框时必须指定三个样式(边框的样式，宽度，颜色)，三者缺一不可。 每个边框有 3 个方面：宽度、样式，以及颜色。下面内容将会具体讲解这三个方面 一、 边框的宽度border-width ： 设置边框宽度有两种方法，第一种是 值复制法 按照 top-right-bottom-left 的顺序设置元素的各边边框，第二种 也可以通过单独属性分别设置边框各边的宽度， （一）值复制（简写样式） 指定四个值，分别设置给上，右，下，左。顺时针方向； div{border-style:soild; border-width:10px 20px 30px 40px} 指定三个值，第一个值10px设置给上边框，第二个值设置给左边框和右边框，第三个值设置给下边框； div{border-style:soild; border-width:10px 20px 30px} 指定两个值，第一个值设置给上下边框，第二个值设置给左右边框； div{border-style:soild; border-width:10px 20px} 指定一个值，四个边框使用同一个值 div