属性选择器和文本背景的改变

本文深入解析了子串匹配属性选择器的使用方法,包括以特定字符串开头、结尾及包含特定子串的选择器。同时,详述了CSS背景属性如background-repeat, background-color, background-image等的设置技巧。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

子串匹配属性选择器

【foo^=“bar”】选择fool属性以bar开头的所有元素
【foo$=“bar”】选择fool属性以bar结尾的所有元素
【foo*=“bar”】选择fool属性包含bar字串的所有元素
【foo~=“bar”】选择fool属性包含bar的所有元素

[att|=“val”] 表示att属性会选择等于val或者以val开头的所有元素

  • background-repeat
    repeat(水平,垂直方向上都重复) repeat-x (水平方向上重复) repeat-y no-repeat(垂直方向上重复)
  • background-color {颜色}
  • background-img {url(图片的路径)}
  • background-position
    三种表达方式,关键字和百分数和数值表示
  • background-attachment(scroll fixed )
  • background-clip(规定背景的绘制区域)默认的为padding-box
    content-box为在文本位置 padding-box为在内边距以内 border-box为在整个边框盒里面
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值