更多
 当前上元教育宁波校 其它分校: 慈溪校 无锡校 常州校 南京校 上海校 绍兴校 南通校   (建议使用IE浏览本网站/分辨率1024*768px)    
宁波培训学校 宁波培训学校
 位置: 邦元教育 >> 机电培训 >> 技术资讯 >> 正文
 

宁波上元教育:html+css零基础入门教程(十三)

作者:Admin  更新时间:2018/07/04  点击次数:
CSS表格 - border 属性

border 简写属性在一个声明设置所有的边框属性。

font 简写属性 在一个声明中设置所有字体属性。
可以按顺序设置如下属性:
border-width border-style border-color

如下代码:

p{border:5px solid red;}

具体参数值在下面 一 一介绍

CSS表格 - border-collapse 属性

border-collapse 属性设置表格的边框是否被合并为一个单一的边框,还是象在标准的 HTML 中那样分开显示。
语法如下:

p{border-collapse:collapse; }


页面上显示为

FirstnameLastname
BillGates
CSS表格 - border-spacing 属性

border-spacing 属性设置相邻单元格的边框间的距离(仅用于“边框分离”模式)。
注释:某些版本的IE浏览器不支持此属性。
该属性指定分隔边框模型中单元格边界之间的距离。在指定的两个长度值中,第一个是水平间隔,第二个是垂直间隔。除非 border-collapse 被设置为 separate,否则将忽略这个属性。尽管这个属性只应用于表,不过它可以由表中的所有元素继承。
语法如下:

p{border-spacing:10px 50px; }

页面上显示为

border-spacing10px

border-spacing50px 10px
CSS表格 - caption-side 属性

caption-side 属性设置表格标题的位置。
注释:如果已规定 !DOCTYPE,那么 Internet Explorer 8 (以及更高版本)支持 caption-side 属性。
该属性指定了表标题相对于表框的放置位置。表标题显示为好像它是表之前(或之后)的一个块级元素。
语法如下:

p{caption-side:bottom; }
有三个值: top bottom inherit


页面上显示为

标题在上
BillGates

标题在下
BillGates
CSS表格 - empty-cells 属性

empty-cells 属性设置是否显示表格中的空单元格(仅用于“分离边框”模式)。
注释:某些版本的IE浏览器不支持此属性。
该属性定义了不包含任何内容的表单元格如何表示。如果显示,就会绘制出单元格的边框和背景。除非 border-collapse 设置为 separate,否则将忽略这个属性。
有三个值: hide show inherit 语法如下:

p{empty-cells:hide; }


页面上显示为

empty-cellshide
Bill

empty-cellsshow
Bill
CSS轮廓 - border 属性

轮廓(outline)是绘制于元素周围的一条线,位于边框边缘的外围,可起到突出元素的作用,CSS outline 属性规定元素轮廓的样式、颜色和宽度。
注:该属性不常用。轮廓线不会占据空间,也不一定是矩形。

outline 简写属性在一个声明中设置所有的轮廓属性。
可以按顺序设置如下属性:
outline-color outline-style outline-width

如下代码:

p{outline:#00FF00 dotted thick;}
页面效果如下:

注释:只有在规定了 !DOCTYPE 时,Internet Explorer 8 (以及更高版本) 才支持 outline 属性。


上一篇: 基于PLC控制的自动配料系统研究与应用 下一篇: 没有了
相关文章
 ·宁波上元教育:十大编程算法助程序员走上高手之路
 ·宁波上元教育:html+css零基础入门教程(十二)
 ·宁波上元教育:梯形图的编程规则
 ·基于PLC控制的自动配料系统研究与应用
 ·宁波上元教育:程序员的七个对己最好的职业建议(译文
 ·宁波上元教育:html+css零基础入门教程(十一)
 ·宁波上元教育:plc定位控制与定位控制方式
 ·如何用各种编程语言杀死一条龙,救出公主?
 ·宁波上元教育:html+css零基础入门教程(十)
 ·宁波上元教育:怎样学习PLC的应用指令
网上报名
姓名:  性别:
电话: 
地址:
课程:
最新课程 更多
 ·宁波上元教育:html+css零基础入门
 ·宁波上元教育:初级Java开发该如何
 ·宁波有web前端培训吗,web前端学什
 ·web前端开发应该怎么学?
 ·宁波上元教育:十大编程算法助程序
 ·宁波上元教育:html+css零基础入门
 ·宁波上元教育:梯形图的编程规则
 ·基于PLC控制的自动配料系统研究与应
 ·宁波上元教育:程序员的七个对己最
 ·宁波上元教育:html+css零基础入门
推荐课程 更多
 ·宁波上元教育:html+css零基础入门
 ·宁波上元教育:初级Java开发该如何
 ·宁波有web前端培训吗,web前端学什
 ·web前端开发应该怎么学?
 ·宁波上元教育:十大编程算法助程序
 ·宁波上元教育:html+css零基础入门
 ·宁波上元教育:梯形图的编程规则
 ·基于PLC控制的自动配料系统研究与应
 ·宁波上元教育:程序员的七个对己最
 ·宁波上元教育:html+css零基础入门
热门课程 更多
 ·宁波上元教育:html+css零基础入门
 ·宁波上元教育:初级Java开发该如何
 ·宁波有web前端培训吗,web前端学什
 ·web前端开发应该怎么学?
 ·宁波上元教育:十大编程算法助程序
 ·宁波上元教育:html+css零基础入门
 ·宁波上元教育:梯形图的编程规则
 ·基于PLC控制的自动配料系统研究与应
 ·宁波上元教育:程序员的七个对己最
 ·宁波上元教育:html+css零基础入门
网站首页| 友情链接| 最新开课| 会计培训| 电脑培训| 外语培训| 建筑培训| 信息技术| 才艺培训| 职业资格| 关于我们| 网上报名| 网站地图| 后台管理
联系地址:宁波市海曙区中山东路137号7楼
联系电话:0574-87327805、87323725、87324192、87325693、87325823、87326973、87329343、87329353、87042056