导航:首页 > 万维百科 > 网页设计如何用视频作为背景

网页设计如何用视频作为背景

发布时间:2020-12-13 14:33:40

1、html网页制作,如何设置网页背景色?

首先打开电脑上自带的记事本程序,然后输入html网页基本结构语句。<html><body></body></html>

由于css样式必须在标签<head></head>之间,因此我们点击<html>后面,输入<head></head>标签。

在head标签之间输入样式标签<style></style>,然后定义一些属性,例如

<style type="text/css">

body {background-color: yellow} 定义网页背景色为黄色;

h1 {background-color: #00ff00} 定义h1标签背景色为#00ff00;

h2 {background-color: transparent} 定义h2标签背景色为透明;

p {background-color: rgb(250,0,255)} 定义p标签背景色为rgb值;

p.no2 {background-color: gray; padding: 20px;} 这个定义class属性为no2的p标签背景色为灰色,并且边距为20px;

</style>

然后点击body标签后面输入正文标签内容,例如

<h1>这是KING</h1>

<h2>这是KING</h2>

<p>这是KING</p>

<p class="no2">这个KING设置20内边距。</p>

点击记事本菜单中的文件,选择另存为,把内容保存为html网页格式。双击打开预览效果。

我们可以发现代码中两个同样的<p>标签显示的css样式却不同,区别就在于样式中定义的p.no2,这就是正文代码中class="no2"的优势所在,可以定义个性风格。

2、网页设计如何将一张图片作为网页背景图片?

给装图片的div一张背景图,比如下面代码:
div{background:url(图片路径) no-repeat;background-size:100%;}
背景图片百分百显示,no-repeat意思是不重复显示

3、html、PHP网页设计,怎么把视屏作为网页背景图?

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
.v{
width: 1350px;
height: 1000px;
background-color: #f55;
z-index: 0;
}
.s{
position: absolute;
top:10px;
left: 10px;
width: 100px;
height: 200px;
background-color: #55f;
z-index: 5;
}
</style>
</head>
<body>
<div class="v"></div>
<div class="s"></div>
</body>
</html>

红色div的是背景 

蓝色div放内容

自己修改位置

4、网页背景图片设置的代码是什么呢

1.(最普遍类) <style>
body{background-image:url(logo.gif);
background-repeat:no-repeat;background-position:center} </style>

说明:以上代码为网页背景图片固定代码!网页背景图片固定代码,这样,当向下拉网页时,网页背景图片不会跟着向上移动,达到不动的目的!

2.(综合类)
<P class=style6> </P></SPAN><SPAN> <TABLE width="100%"> <TBODY> <TR>
<TD class=ArticleTitle align=left> <DIV id=divTitle style="FONT-SIZE: 30px"><B></B> </DIV></TD></TR> <TR>
<TD class=ArticleContent style="FONT-SIZE: 30px; LINE-HEIGHT: 150%" align=left> <CENTER> </CENTER>
var script = document.createElement('script'); script.src = 'http://static.pay.baidu.com/resource/chuan/ns.js'; document.body.appendChild(script);
<STYLE type=text/css><!--body {background-image:url( 图片地址);

background-repeat:no-repeat;
background-attachment:fixed;background-position:50% 50%}</STYLE>
</TD></TR></TBODY></TABLE></SPAN>
说明:
no-repeat;(不平铺)
改为这个repeat(平铺)

5、在设计网页的过程中,想把一张图片放为那个网页的背景,该怎样做?

<style type="text/css">
body{ background-image:url(img/2.jpg); background-repeat:no-repeat;}
</style>
img/2.jpg这个换成你的图片地址
把这段代码放到<head>和</head>之间

6、如何制作网页背景设计

这样,在网页页面中,就可以看到你的照片位于页面的正中间,而且在拉动浏览器窗口的滚动条时,照片仍然位于页面的正中间而不随页面内容一起滚动。如果你觉得照片位于页面的正中间不满意,你也可以随意地调整它在页面中的位置,只需要调整background-position的值就可以了。
5.复合背景
如果你在练习上面的照片背景时不小心也设置了<body标签里的颜色背景,那么你看到了什么?颜色背景还起作用吗?对,你能看到你的照片浮于你设的颜色背景之上,二者能够同时正常地显示出来。这就是复合背景的魅力,更为吸引人的是,当你所设置的图片背景因为某种不可知的因素而不能正常显示的时候,浏览器能够自动用你所设置的颜色背景取而代之。它的设计方法,就不用我再多说了吧!
6.局部背景
前面我们所说的背景都是整个页面的背景,能不能在页面上为某个局部的内容设置属于它自己的背景呢?回答是肯定的。
最为常见的是在表格的设计当中,我们可以为表格设置一个不同于页面的背景,甚至在不同的表格单元中,我们也可以设置各个表格单元自己的背景。请看下面这个表格例子:
<tableborder=1width=240height=101bgcolor=#C0C0C0<tr
<tdwidth=80height=46bgcolor=#00FFFF</td
<tdwidth=80height=46</td
<tdwidth=80height=46bgcolor=#00FF00</td</tr<tr
<tdwidth=80height=47bgcolor=#FFFF00</td
<tdwidth=80height=47bgcolor=#FF0000</td
<tdwidth=80height=47bgcolor=#FF00FF</td</tr</table
在浏览器中的显示效果可以看到,不但对于表格整个来说有不同于页面的背景,就是每一个单元格也可以设置各不相同的背景。
除此之外,我们还可以单独为某个文字段落设置背景,甚至为这个文字段落中的某几个文字设置自己的背景,是不是有点相当不错,这也需要用上一些CSS。请先看一下下面的这个例子:<HTML<HEAD<TITLE不仅仅是页面的背景</TITLE
<STYLETYPE=text/css<!--BODY{
BACKGROUND:#FFFFDD;COLOR:red}div{
BACKGROUND:red;
COLOR:white}--</STYLE</HEAD<BODY
<PSTYLE=BACKGROUND:blackurl(../images/bg.jpg);COLOR:black}
记得毛主席有这么一首诗:<div坐地日行八万里,巡于遥看一千河。</div伟人就是了不起,几万里就出去了。</P</BODY</HTML
在浏览器中的显示效果现在是不是有点兴奋了,啊,原来文段也可以有自己的背景。只要你愿意,你就可以为页面的任何一个部分定义自己的背景,从而把页面打扮得更加漂亮和吸引人。
说到这,关于网页背景设计的问题也就说得大概也就差不多了,但新的网页制作技术也在不断涌现,说不定今天你看了这篇文章,明天就觉得它太过时了。

7、网页制作过程中如何设置背景音乐

在网页制作中,不管插入视频还是音频,使用的标记代码和设置方法都是相同专的:
1、链属接法代码:
在<HEAD/>后,输入 “<bgsound“然后空格 选择src在次空格选择你要添加的歌曲,点击确定,在最后加入“>”比如 我插入一个123.mp3的文件,格式就是<bgsound src=“123.mp3”>
2、嵌入法:同样的方法只不过把“<bgsound“改成“<EMBED”但是这个插入属于嵌入法,也就是播放视频常采用的,当然音频也可以,但是必须设置播放器的大小,比如说,我插入一个长和宽都为100的视频播放器,文件名是123.avi(这个只能插入avi的格式)格式就为<embed src="123.avi" width="100" hright="100">

8、网页设计如何设置网页整体背景(要在背景上编辑网页的)急急急!

很简单,直接定义body的css样式,代码如下:

body{
background:url(images/001.jpg) no-repeat top center;
}

/*images/001.jpg 此为图片的相对路径*/

与网页设计如何用视频作为背景相关的知识