css-伪类元素,背景,透明度,固定定位,粘性定位

本文深入探讨了CSS中的关键概念,包括伪类元素的使用,如何设置背景效果,调整元素透明度的技巧,以及固定定位与粘性定位的应用。通过实例解析,帮助开发者更好地理解和掌握这些核心CSS特性。
摘要由CSDN通过智能技术生成
在指定元素内部的最后面
p::after {
content: '哈哈哈';
color: red;
}
在指定元素内部的最前面
p::before {
content: '嘿嘿';
color: blue;
}
背景:
背景颜色  可以是颜色单词 可以是十六进制颜色 可以是rgb() 也可以是rgba()最后一个值是透明度
       /* background-color: blue; */
背景的图片  需要给一个图片的地址,图片默认是会平铺的 直到把容器铺满
      /* background-image: url(./avatar.jpg); */
背景的重复
   repeat-x:水平方向重复
repeat-y:垂直方向重复
no-repeat:不重复
      /* background-repeat: no-repeat; */
背景的大小  可以是两个值,分别是宽度和高度,也可以是百分比
       /* background-size: 100% 100%; */
       /* background-size: cover; */
      /* background-size: contain; */
                   cover:背景图片会进行缩放 直到短变撑满位置
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值