gpt4 book ai didi

html - 如何将图片放入页脚标签中?

转载 作者:行者123 更新时间:2023-11-28 03:54:24 24 4
gpt4 key购买 nike

<分区>

我对 html 和 css 有一个非常基本的问题。我用 <p> 创建了一个页脚标签和 <li>标签。 <li>里面标签 我有一张图片,但是这张图片超出了页脚。 如何让图片进入页脚标签?

HTML

<footer class="footer">
<p class="footerP">© Axel Halldin 2016 ©</p>
<li class="socialMedias"> <img class="facebook" src="facebook.jpg" href="https://www.facebook.com/axel.halldin1?fref=ts"/>
</li>
</footer>

CSS

.footer{
background-color:#003366;
margin:0;
padding:0;
width:90vw;
height:22.5vh;
float:right;
}

.footerP{
color:white;
font-family:FiraSans-Regular, sans-serif;
font-size:16px;
margin:0;
line-height:22.5vh;
}

.socialMedias{
float:right;
}

.facebook{
width:5vw;
height:10vh;
}

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com