HTML5与CSS3的学习笔记 设置元素透明背景 背景图片 元素的位置 解决元素闪烁的问题,表格的基本操作,长表格,表格的布局,clearfixed,clearfix高度塌陷解决,表单的基本操作

设置元素的透明背景:
opacity可以用来设置元素背景的透明,他需要一个0-1之间的值,
0表示完全透明
1表示完全不透明
0.5半透明
opacity属性在IE 8及以下的浏览器不支持
filter:alpha(opacity=50/(透明度))
透明度:需要一个0-100之间的值
0表示完全透明,100表示完全不透明,50表示半透明,这种方式支持IE 6但是这种效果在IE tester中无法测试
背景:
在这里插入图片描述
如果背景图片大于元素,默认会显示图片的左上角,
如果背景图片和元素一样大,则会将背景图片全部显示,
如果背景图片小于元素的大小,则会默认将背景图片平铺以充满元素,
可以同时为一个元素指定背景颜色和背景图片,
一般情况下设置背景图片时都会同时指定一个背景颜色,

url(相对路径);
相对路径写在哪儿就相对于哪个文件夹,
background-repeat:用于设置背景元素的重复方式,
可选值:repeat:默认值,背景图片会双方向的重复(平铺);
no-repeat:背景图片不会重复,有多大就会显示多大,
repeat-x背景图片沿水平方向重复,
repeat-y背景图片沿垂直方向平铺
背景图片是默认贴在元素的左上角显示的,

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

学习记录wanxiaowan

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值