时间戳

首页 > 解决方案 > 如何垂直降低视频html

html - 如何垂直降低视频html

问题描述

我让我的网站水平对齐，现在我想把它垂直向下一点，这样它就不会完全接触到页面顶部并且看起来很时髦。任何帮助将不胜感激，因为我是菜鸟。

<!DOCTYPE html>
<html>
<head>
<title>SimWorks Performance</title>
<style>
body {
    background-color: black;
    background-image: url("128.jpg");
    background-repeat: repeat;
}

h1 {
    color: white;
    text-align: center;
}

p {
    font-family: verdana;
    font-size: 20px;
}

div.center iframe{
display: block;
margin-left: auto;
margin-right: auto;
}

</style>
</head>
<body>

<div class="center">
<iframe width="853" height="505" src="https://www.youtube.com/embed/m6nOEMQlb3Q?rel=0&amp;showinfo=0" frameborder="1" allow="autoplay; encrypted-media" allowfullscreen></iframe>
</div>

<br><br>
<center>
<h1 style="color:white;">COMING SOON</h1>
</center>


</body>
</html>

标签： htmlcenter

解决方案

您可以尝试根据您的要求使用填充

左填充

.body {
      background-color: black;
      background-image: url("128.jpg");
      background-repeat: repeat;
      padding-left:20px;
}

顶部填充

.body {
      background-color: black;
      background-image: url("128.jpg");
      background-repeat: repeat;
      padding-top:20px;
}

整体填充

.body {
      background-color: black;
      background-image: url("128.jpg");
      background-repeat: repeat;
      padding:20px;
}

推荐阅读