用word做网站相关论文,临沂市开发区可以做分销的网站,在线药店网站建设,淮南高端网站建设网页背景图片代码1.(最普遍类) stylebody{background-image:url(logo.gif);background-repeat:no-repeat;background-position:center}/style 说明:以上代码为网页背景图片固定代码#xff01;网页背景图片固定代码#xff0c;这样#xff0c;当向下拉网页时… 网页背景图片代码 1.(最普遍类) stylebody{background-image:url(logo.gif);background-repeat:no-repeat;background-position:center}/style 说明:以上代码为网页背景图片固定代码网页背景图片固定代码这样当向下拉网页时网页背景图片不会跟着向上移动达到不动的目的 2.(综合类) 3.P classstyle6 /P/SPANSPANTABLE width100%TBODYTRTD classArticleTitle alignleftDIV iddivTitle styleFONT-SIZE: 30pxB/B /DIV/TD/TRTRTD classArticleContent styleFONT-SIZE: 30px; LINE-HEIGHT: 150% alignleftCENTER /CENTERSTYLE typetext/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平铺你要以看一下两边 方法一文章编辑的时候点击创建表格后在弹出的窗体中把边框设置为0,然后填上背景图片的链接地址就好了 也能够用代码TABLE height600 width600 background你的背景图片地址 border0TBODYTRTD你的主体内容/TD/TR/TBODY/TABLE 方法二body background你的背景图片地址 方法三STYLE typetext/css!--body {background-image:url(你的背景图片地址);background-repeat:no-repeat;background-attachment:fixed;background-position:50% 50%}-- /STYLE 方法四 背景图是在HTML模式下把下面代码加到已有代码最前面body background图片地址注图片地址必须是网络上已有的图片不是本地机的假设要链接本地机的必先在相冊或者其它文章上传之后才干够调用。 方法五STYLE TYPEtext/css!--BODY {background-image: URL(图片名称.gif);background-position: center;background-repeat: no-repeat;background-attachment: fixed;}--/STYLE ◆字体属性font color00dfff face幼圆 size4.5显示文字/font◆背景,正文,连接颜色body bgcolor#000000 text#ff9933 link#ff66ff◆ 给字体加光晕table styleFILTER: glow(color颜色)文字/table当中的glow客换成shadow,dropshadow等产生的效果各不同样◆颜色代码网址http://shirley329.blogchina.com/3501281.html◆背景图案body backgroundhttp://图片地址 bgpropertiesfixed假设去掉后面的bgpropertiesfixed那么选折的背景会跟页面一起翻,这里给点儿建议,一般上下衔接的非常巧妙的或者用碎花,星星之类的作成滚动的比較好,而那种完整的图片最好就固定下?当然自己最好都试一下,看哪个合适另外注意背景一定要选用颜色较浅的图画,要分得清主次,3楼有编辑的小工具,调一下GAMA值就能得到浅色的图片还有个图片放大器能够通过插值不失真的放大图片◆背景音乐BGSOUND srchttp://音乐地址 loopinfinite 假设不加 loopinfinite 那么背景音乐仅仅播一边就结束了假设想给自己的音乐加个精美的播放器能够看这里还能实现不同歌曲的连续播放里面有种样式播放器◆页面贴图img widthXXpx srchttp://图片地址 即在涂鸦版里显示的图片,width事宽度还能够是height也能够同一时候定义注意数字与单位间不要有空格也能用百分比表示如以下◆浮动的图片div styleposition:absolute;Top:0px;left:250px;img width160% src图片地址/div 这一条比上一个灵活非常多通过改动參数能够将图片定位在页面的不论什么位置 资源网址两边的引號是可有可无的单引也能够◆贴图透明化IMG styleFILTER: alpha(opacity100 Style3 FinishOpacity0)black(); src贴图的网址 width400 height300 Style能够是1.2.3代表不同的效果、自己试试吧 opacity是透明度0~100 假设是0全然透明◆超链接 a hrefhttp://www.地址.com target_blank被连接的文字/a 被连接的文字能够更改属性也能够换成喜欢的图片方法就是换成页面贴图target_blank指在新窗体打开,也能够删掉校内对有限制一般假设链接中有就取它前面的地址当然最好能先试一下◆滚动的超链接 marquee scrollAmount2 width300a hrefhttp://www.地址.com被连接的文字/a/marquee◆改鼠标样式: body stylecursor:url(’http://鼠标地址’) 4楼有270种鼠标◆以下用CSS控制鼠标style typetext/css !--body{cursor:url(http://鼠标地址1)} a{cursor:url(鼠标地址2); --/style是正常状态下是鼠标放在链接上时的效果◆让页面以幻灯片切换效果显示 headmeta HTTP-EQUIVPage-Enter CONTENTrevealtrans(duration6.0, transition23) meta HTTP-EQUIVPage-Exit CONTENTrevealtrans(duration6.0, transition23)/head 这里enter和exit分别指在訪问或离开时背景图片出现和消失的方式 duration是时间transition是方式共24种0 盒状收缩 1 盒状放射 2 圆形收缩 3 圆形放射 4 由下往上 5 由上往下 6 从左至右 7 从右至左 8 垂直百叶窗 9 水平百叶窗 10 水平格状百叶窗 11垂直格状百叶窗 12 任意溶解 13从左右两端向中间展开 14从中间向左右两端展开 15从上下两端向中间展开 16从中间向上下两端展开 17 从右上角向左下角展开 18 从右下角向左上角展开 19 从左上角向右下角展开 20 从左下角向右上角展开 21 水平线状展开 22 垂直线状展开 23 随机产生一种过渡方式◆滚动文字 marquee scrollAmount2 width300 height160 directionup滚动的文字/marqueea)scrollAmount。它表示速度值越大速度越快。假设没有它默觉得6b)width和height表示滚动区域的大小width是宽度height是高度。特别是在做垂直滚动的时候一定要设height的值c)direction。表示滚动的方向默觉得从右向左←←←。可选的值有right、down、up。滚动方向分别为right表示→→ up表示↑down表示↓。d)scrollDelay这也是用来控制速度的默觉得90值越大速度越慢。通常scrollDelay是不须要设置的。e)behavior。用它来控制属性默觉得循环滚动可选的值有alternate(交替滚动)、slide(幻灯片效果指的是滚动一次然后停止滚动)f)怎样给滚动字幕加超链接这跟平时的超链接是全然一样的。仅仅要在文字外面加上a href***和/a就能够了g)改变滚动字幕的属性颜色a stylecolor:CC6600滚动的文字/a字体font color00dfff face幼圆 size4.5显示文字/font注意滚动的内容还能够换成其它的东西自己慢慢试吧◆设置成滚动:marquee directionup marquee scrollamount3 当向上滚动height0时就隐藏了 ◆FLASH动画embed styleleft: 0px; position: absolute; top: 50px; alignright srchttp://flash地址 width1000 height500 typeapplication/octet-stream ; qualityhigh wmodetransparent希望各位能彻底搞懂这个美丽的页面都少不了flash比方我的页面里的小时钟发光的星星都是用它实现的非常多贴子里提供特效只是是改动了里面的引用地址 left top是用来定位的当然也能够用right bottom width height来限制flash的大小alignright 表示右对齐◆FLASH动画(相对定位即放在涂鸦板里)embed styleleft: 150px; position: relativity; top: 800px; alignright srchttp://flash地址 width400 height200 typeapplication/octet-stream ; qualityhigh wmodetransparent◆假设要加时钟的话就用embed styleleft: 150px; position: absolute; top: 50px; alignright srchttp://时钟地址 width1000 height500 typeapplication/octet-stream ; qualityhigh wmodetransparentwidth: hetght: 确定时钟大小left: top: 来确定钟表在页面的任何位置上面的代码是我页面时钟的位置◆视频 embed SRC你的wmv的地址 typeaudio/x-pn-realaudio-plugin CONSOLEClip1 CONTROLSImageWindow HEIGHT252 WIDTH324 AUTOSTARTtrue looptrue◆播放FLASHembed srchttp://播放地址 qualityhigh pluginspagehttp://www.macromedia.com/go/getflashplayer typeapplication/x-shockwave-flash width640 height480/embed◆ 更改页面文字样式具体图解见5楼style typetext/css !-- A:link{COLOR: #3366FF;FONT-SIZE:10pt;FONT-FAMILY: 宋体};A:visited{COLOR: #3366FF;FONT-SIZE:10pt;FONT-FAMILY:宋体};A:active{COLOR: #FF0000 ;FONT-SIZE:12pt;FONT-FAMILY: 宋体};A:hover{COLOR: #FFFFCC};body{COLOR:#3A5FCD;FONT-SIZE:10pt; FONT-WEIGHT:normal;FONT-FAMILY:宋体} --/styleA:link是链接的部分A:visited是已经链接过的链接部分A:active是被激活的链接部分A:hover是鼠标放上去时的显示body是正文部分的更改。FONT-SIZE 是字号大小的设置FONT-FAMILY: 字体名称FONT-WEIGHT: bolder 是加粗显示能够替换的是normal,cite,等等默认的是normal使用这个能够让连接产生button形式动画效果-----------------------------------------------------------------------------------------加一些有用技巧◆技巧1非常多朋友都加了背景音乐假设打开的页面多了就混在一块了这是仅仅要按一下ESC键音乐就停止了◆技巧2涂鸦板里加的代码多了改动时就难了加条凝视吧格式例如以下 !--凝视内容--◆在贴子里加链接打开记事本输入meta content0; URL’目标页面地址’ 保存为.html形式,然后通过附件上传就能够了;content后面的參数表示几秒种自己主动跳转,这里当然设为0了假设在两头加上html /html就能够把.html后缀删掉了◆写给有一定网页基础的朋友:通过上面连接的样例不难想到,事实上我们全然打破校内网的种种限制自己设计网页,然后上传,仅仅要不大于1M就OK了,1M并不小,设计时全部用到的素材都单个传到校内上,然后作个首页组织起来即可了,就相当校内给我们提供了无限的空间,并且速度不慢,有兴趣的朋友能够试一下◆查看别人涂鸦板里的代码,进入页面右击鼠标,选折查看原代码按CTRLF输入涂鸦板查找就能够定位到涂鸦板的位置了,此法仅供学习之用,一定不要原盘COPY别人的成果◆建立自己的专署留言板到过我页面的朋友看到了吧通过链接能够打开专门的页面留言而原来的则隐藏了制作例如以下1用上面的群栏和留言班设为滚动參数为向上高度为零2建立链接地址为http://www.xiaonei.com/GetLeavewordList.do?id等号后面加上自己的页面编号进入自己的页面后最后几个数字就是 转载于:https://www.cnblogs.com/mfrbuaa/p/3901228.html
