<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>HRML5 开发</title> </head> <body> <h1 align="center">Sakura</h1> <hr > <img src="img/OIP-C.jpg" > </body> </html>把图片居中
时间: 2023-07-09 08:44:47 浏览: 210
<meta>元素-html基础教程
可以使用CSS样式来使图片居中。具体的方法如下:
1. 在HTML中插入图片,可以使用`<img>`标签,例如:
```html
<img src="img/OIP-C.jpg" alt="图片描述">
```
2. 在CSS样式中,使用以下代码来使图片居中:
```css
img {
display: block; /* 将图片转换为块级元素 */
margin: 0 auto; /* 设置左右边距为自动,使图片水平居中 */
}
```
这样,图片就会在其所在的容器中水平居中。把代码插入到你的HTML文件中去,像这样:
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>HRML5 开发</title>
<style>
img {
display: block;
margin: 0 auto;
}
</style>
</head>
<body>
<h1 align="center">Sakura</h1>
<hr>
<img src="img/OIP-C.jpg" alt="图片描述">
</body>
</html>
```
这样,你的图片就会被居中了。
阅读全文