边框和background-背景设置

表格边框合并border-collapse

border-collapse是表格独有的属性
separate    默认值,边框分开,不合并
collapse    边框合并,如果相邻,则共用一个边框

表格边框间距border-spacing

该属性指定单元格边界之间的距离。当只指定了1个像素值时,这个值将作用于横向和纵向上的间距;
当指定了2个length值时,第1个作用于横向间距,第2个作用于纵向间距。

表格标题位置caption-side

caption-side属性值     说明
top     默认值,标题在顶部
bottom  标题在底部

背景图像样式background-image

语法:

background-image:url("图像地址");

说明:

图像地址可以是相对地址,也可以是绝对地址。请看“相对地址和绝对地址
给某个元素设置背景图像,元素要有一定的宽度和高度,背景图片才会显示出来。

背景重复样式background-repeat

background-repeat属性可以设置背景图像是否平铺,并且可以设置如何平铺
语法:

background-repeat:取值;
属性值     说明
no-repeat   表示不平铺
repeat  默认值,表示在水平方向(x轴)和垂直方向(y轴)同时平铺
repeat-x    表示在水平方向(x轴)平铺
repeat-y    表示在垂直方向(y轴)平铺

背景图片位置background-position

背景位置属性用于设置背景图像的位置,这个属性只能应用于块级元素和替换元素。
语法:

background-positon:像素值/关键字;
设置值     说明
x(数值)   设置网页的横向位置,单位为px
y(数值)   设置网页的纵向位置,单位为px
属性值     说明
top left    左上
top center  靠上居中
top right   右上
left center     靠左居中
center center   正中
right center    靠右居中
bottom left     左下
bottom center   靠下居中
bottom right    右下

背景固定样式background-attachment

background-attachment可以设置背景图像是随对象滚动还是固定不动。
语法:

background-attachment:scroll/fixed;
background-attachment 属性只有2个属性值。scroll表示背景图像随对象滚动而滚动,是默认选项;
fixed表示背景图像固定在页面不动,只有其他的内容随滚动条滚动。
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值