空标签作为占位符调整距离

最新推荐文章于 2023-06-19 23:16:45 发布

花途Jasmine

最新推荐文章于 2023-06-19 23:16:45 发布

阅读量338

点赞数

分类专栏： css

本文链接：https://blog.csdn.net/tomorrow_cmm/article/details/108835795

版权

css 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

<div id="list">
    <div id="first"></div>    <!-- 空标签作为占位符调整背景图片和文字的距离-->
    <a href="#zhongbiao"><div>钟表馆</div></a>
    <a href="#qiche"><div>汽车用品馆</div></a>
    <a href="#meishi"><div>保健馆</div></a>
    <a href="#保健"><div>保健馆</div></a>
    <a href="酒饮"><div>酒饮馆</div></a>
    <a href="#母婴"><div>母婴馆</div></a>
    <a href="#"><div></div></a>
</div>

#list{
    background-image: url(images/hdj.png);
    position:fixed;  <!--图片固定在屏幕上-->
    top:38%;         <!--list标签中的内容在屏幕上方-->
    right:2%;        <!--list标签中的内容距离屏幕右方的距离-->
    height: 425px;
    width:120px;
}
#first{
    height: 160px;
}