html怎么把logo放左上角
时间: 2024-02-09 15:10:39 浏览: 404
网站LOGO-网页设计基础
要将logo放在网页的左上角,可以使用HTML中的<img>标签和CSS中的定位属性。下面是一个示例代码:
HTML代码:
```
<header>
<img src="logo.png" alt="Logo">
</header>
```
CSS代码:
```
header {
position: fixed;
top: 0;
left: 0;
}
img {
width: 100px; /* 这里是设置logo的宽度 */
height: auto; /* 这里是设置logo的高度自适应 */
}
```
在这个示例中,我们使用了`position: fixed`将`<header>`标签固定在页面的左上角。然后,我们使用`<img>`标签来插入logo图片,并对其进行了一些基本的样式设置,例如设置宽度和高度。
阅读全文