把地下黑市好好地个性化一番

如何把地下黑市的 logo 换成专属你自己的 logo。

声明：本文仅仅作为教学，本人 Karlbaey101 尊重地下黑市 UBMH 的版权。本文旨在教会读者个性化自己创建的页面，而不是消除 UBMH 的 LOGO。

如果你留心的话，就会注意到这个页面左上角应该是地下黑市 LOGO 的地方变成了一个大大的“白はく”。（当然就是我卡尔白啦🤭）

这是通过层叠样式表实现的，具体实现的代码如下。把其中 url() 括号中的部分替换成你自己图片的 URL 即可。

[[module CSS]]
#header {
background: url(https://ubmhcs.wdfiles.com/local--files/klb/HAKU.png) 5px 64px no-repeat;

    background-size: 60px 60px;
}
[[/module]]

原理讲解

这个东西叫层叠样式表，也叫 CSS。其中：

#header 告诉我们要定位到顶栏，也就是有地下黑市或者黑市工地四个大字的那一片。
background 告诉我们定位到 LOGO，并且覆盖之前加载的黑市 LOGO。
url() 确定了新图片的 URL 地址。毕竟不可能用本地图片吧。
5px 和 64px 会把 LOGO 放在正确的地方，而不是页脚或者其他奇奇怪怪的位置。
no-repeat 表示不重复。这里特意强调不重复的原因是，你看到的网页顶栏其实是用很多张图片反复调用得来的，这能减少网站加载速度。
background-size 决定了新图片的大小，如果不设置那么默认按照原图片的大小。
100px 100px 控制了图片的宽和高。拿“白”这张图片举例，它的分辨率是 1024 x 1024，如果不限制，就会……
- 蓝色箭头指着的就是“白”在的地方。那个白白的长条是它的上边框。