添加更多
时间: 2023-08-18 07:18:31 浏览: 47
当然可以,除了上面提到的样式属性,还可以为视频添加更多的样式效果,例如:
```html
<!DOCTYPE html>
<html>
<head>
<title>视频样式示例</title>
<style>
video {
width: 100%; /* 设置视频宽度为100% */
height: auto; /* 设置视频高度为自适应 */
border: 1px solid #ccc; /* 设置边框为1像素的实线,颜色为浅灰色 */
display: block; /* 将视频设置为块级元素 */
margin: 0 auto; /* 居中对齐 */
box-shadow: 2px 2px 2px #ccc; /* 设置阴影效果 */
background-color: #f5f5f5; /* 设置背景色为浅灰色 */
padding: 10px; /* 设置内边距为10像素 */
border-radius: 5px; /* 设置圆角半径为5像素 */
}
</style>
</head>
<body>
<video controls>
<source src="video.mp4" type="video/mp4">
<source src="video.ogg" type="video/ogg">
Your browser does not support the video tag.
</video>
</body>
</html>
```
在上面的样式中,我们为视频添加了阴影效果、背景色、内边距和圆角等属性,这些属性的值可以根据需要进行调整,以达到所需的效果。