admin 管理员组

文章数量: 887021

html图片在表格平铺,CSS

如果定位元素的层级是一样，则下边的会盖住上边的。

通过z-index属性可以用来设置元素的层级，可以为z-index指定一个正整数作为值，该值会作为当前元素的层级，层级越高，越优先显示。

没有开启定位的元素不能使用z-index

设置元素透明背景：

opacity：0 表示完全透明

1 表示完全不透明

0.5 表示半透明

alpha(opacity=透明度)： 0 表示完全透明

100 表示完全不透明

50 表示半透明

开启相对定位，父元素的层级再高，也不会盖住子元素

position：relative；

开启相对定位

position：absolute；

背景：background-image：url(相对路径)；

background-repeat     用来设置背景图片的重复方式，可选值：

repeat：默认值，背景图片会双方向重复(平铺)

no-repeat：背景图片不会重复，有多大就显示多大

repeat-x：沿水平方向重复

repeat-y：沿垂直方向重复

background-position 调整背景图片在元素中位置，可选值：

top     right     left     bottom    center

background-attachment用来设置背景图片是否随页面一起滚动，可选值：

scroll：默认值

fixed：背景图片会固定在某一位置，不随页面滚动

定位永远相对于浏览器的窗口

不随窗口滚动的图片，一般都设置给body，不设置给其他元素

表格：table标签创建一个表格

tr表示表格中的一行

rowspan用来设置纵向的合并单元格

colspan用来设置纵向的合并单元格

table和tr边框之前默认有距离，通过border-spacing属性设置这个距离

border-collapse可以用来设置表格的边框合并， 如果设置了边框合并，则border-spacing自动失效

th标签来表示表头中的内容

长表格：分为三部分：thead表头

tbody 表格的主体

tfoot表格底部

就算跌倒，也要豪迈的笑

本文标签： html图片在表格平铺 css

版权声明：本文标题：html图片在表格平铺,CSS 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.freenas.com.cn/jishu/1687873013h151823.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。