ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

如何使用 HTML 和 CSS 创建彩色视频背景文本?

2022-09-12 01:31:15  阅读:209  来源: 互联网

标签:视频 index 标签 HTML 文本 详细信息 我们 CSS


如何使用 HTML 和 CSS 创建彩色视频背景文本?

像往常一样,我们首先需要获取三个文件,index.html,CSS 文件夹中的一个名为 style.css 的文件和一个名为 video 的文件夹,其中我们将在项目中使用一个短视频。

首先,我们shift+!在 index.html 文件中!我将通过按下按钮来安排语法。然后我们将获取一个部分标签,然后是一个标题标签,并在其中写入我们想要的任何文本。然后我们将获取一个名为 video 的标签,在其中我们将获取一些属性并像下面的代码一样排列它。视频中的详细信息

技术学校48

接下来,我们将继续我们的 style.css 文件,因为现在我们需要装饰 index.html 中的所有标签。我们将首先将文件的所有边距和填充设置为 0,以便没有默认的间隙或边距和填充。即——
*{
边距:0;
填充:0;
}

接下来,我们需要对 section 标签进行 CSS 处理。我们将CSS部分如下。视频中的详细信息
部分{
显示:弯曲;
证明内容:中心;
对齐项目:居中;
背景:#000;
宽度:100%;
高度:100vh;
位置:相对;
}

接下来,我们将css我们的标题标签。我们的 header 标签的 CSS 如下。视频中的详细信息
第 h2 节{
font-family: 'Rowdies',草书;
字体大小:6em;
颜色:#fff;
字体粗细:600;
位置:相对;
z-index:1;
混合混合模式:叠加;
}

我们的下一个也是最后一个任务是 CSS 视频标签,以便我们想要的项目结束。我们视频标签的 CSS 如下。视频中的详细信息
部分视频
宽度:100%;
高度:100%;
位置:绝对;
顶部:0;
左:0;
适合对象:封面;
}

之后,我们的任务是刷新浏览器并查看我们项目的输出。视频中的详细信息
希望大家喜欢这个项目。稍后,我将再次尝试给您一个新项目。

- 谢谢你 -

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明

本文链接:https://www.qanswer.top/29420/17021201

标签:视频,index,标签,HTML,文本,详细信息,我们,CSS
来源: https://www.cnblogs.com/amboke/p/16685287.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有