css标签

CSS相关基础标签:

  1. text-aline:center 居中

  2. text-indent:2em 首行缩进两字符

  3. text-decoration:underline 文字下方加下划线

插入背景图片相关属性

  1. background-image: url(背景图片位置/图片名称);
  2. background-repeat:no-repeat 图片不平铺(重复);
  3. background-position: 20px center 第一个参数代表自左至右距离 第二个参数代表自上而下距

背景图像固定

  1. background-attachment: scroll 背景图像随对象内容滚动 (默认)
  2. background-attachment:fixed 背景图像固定
  3. background-color:背景颜色

背景复合性写法

  1. background-image: url(背景图片位置/图片名称);
    background-repeat:no-repeat 图片不平铺(重复);
    background-position: 20px center 第一个参数代表自左至右距离 第二个参数代表自上而下距
    background-attachment: scroll 背景图像随对象内容滚动 (默认)
    background-color:背景颜色
    将以上五个标签合并,可大大减少代码量
    当使用简写属性时,没有特定顺序,一般习惯约定顺序为: background :背景颜色 背景图片地址 背景平铺 背景图片滚动 背景图片位置 (中间用空格隔开)
    半透明盒子:
    background:rgba(0,0,0,0.3) 最后一个参数 alpha是透明度,取值在0~1之间

王者荣耀官方首页前端搭建案例:

  1. 进入王者荣耀官网,右击检查,查看网页源代码,点击盒子,找到主界面图片,点击图片连接右击选择open

**

`

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值