王者荣耀Web_demo练习1
目标：实现下图“成长守护平台”
step1:在网页审查元素，查看html和css代码，快捷键Fn+F12
step2:使用snipaste小工具截下图标以及相关属性，方便查看
step3:在网页中找到图片url，open in new tab手动获取
step4:在VScode编写代码
step5:在chrome中展示效果如图
知识点：html css
- line-height =height 可以让文字居中显示
- font-weight 400字体正常 700字体加粗
- background-image默认是平铺状态，用background-repeat修改
- background-position调整图片位置，left center靠左居中
- text-indent 表示缩进
学习教程来源：bilibili
相关文章：
-
2021-07-22
-
2021-08-20
-
2021-06-18
-
2021-06-28
-
2021-12-30
-
2022-01-16
-
2022-01-23
-
2021-09-21
猜你喜欢
-
2019-06-29
-
2021-08-15
-
2022-01-12
-
2021-04-08
-
2021-08-15
相关资源
-
下载
2023-02-05
-
下载
2022-12-12
-
下载
2023-01-11