一:在body里面创建div标签 在创建id标签
二:在title标签下 创建style标签
三:设置宽高;不平铺;对图片进行校正
一:在body里面创建div标签 在创建id标签
<body>
<div id="app"></div>
</body>
二:在title标签下 创建style标签和
三:设置宽高;不平铺;对图片进行校正
<style>
#app {
width: 40px;
height: 40px;
background-image: url(https://s2.music.126.net/style/web2/img/frame/topbar.png?5db89cd47741242cf6dd1f0badb20298);
/* 不平铺 */
background-repeat: no-repeat;
background-color: pink;
/* 对图片进行校正 */
background-position: 4px -15px;
}
</style>
注意:其中里面的url括号里面的网址,需要自己网站里面爬
其中爬的步骤如下:
以网易云网址为例
选择h1 标签的 background里面的网址,选择open innew tab 即可获得该图片的网址,然后用position 进行上下左右进行调节即可完成。