首页 > 软件开发 > CSS >

DW制作简约流星雨代码模板

来源:互联网 2023-03-16 19:17:39 版权归原作者所有,如有侵权,请联系我们

简约带背景的流星雨模板kNE办公区 - 实用经验教程分享!

工具/原料

  • Adobe Dreamweaver cs5

方法/步骤

  • 1

    打开Adobe Dreamweaver cs5新建一个空白网页。切换到代码页面。把body>以上的代码删除,并且换成图下的代码:kNE办公区 - 实用经验教程分享!

    !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">kNE办公区 - 实用经验教程分享!

    html xmlns="http://www.w3.org/1999/xhtml">kNE办公区 - 实用经验教程分享!

    head>kNE办公区 - 实用经验教程分享!

    meta http-equiv="Content-Type" content="text/html; charset=utf-8" />kNE办公区 - 实用经验教程分享!

    meta http-equiv="X-UA-Compatible" content="IE=8" />kNE办公区 - 实用经验教程分享!

    title>无标题文档/title>kNE办公区 - 实用经验教程分享!

    kNE办公区 - 实用经验教程分享!

    link href="css/css.css" rel="stylesheet" type="text/css" />kNE办公区 - 实用经验教程分享!

    kNE办公区 - 实用经验教程分享!

    script type="text/javascript" src="js/jquery-1.4.2.min.js">/script>kNE办公区 - 实用经验教程分享!

    script type="text/javascript" src="js/js.js">/script>kNE办公区 - 实用经验教程分享!

    kNE办公区 - 实用经验教程分享!

    /head>kNE办公区 - 实用经验教程分享!

    DW制作简约流星雨代码模板kNE办公区 - 实用经验教程分享!

    DW制作简约流星雨代码模板kNE办公区 - 实用经验教程分享!

  • 2

    kNE办公区 - 实用经验教程分享!

    body>kNE办公区 - 实用经验教程分享!

    kNE办公区 - 实用经验教程分享!

    kNE办公区 - 实用经验教程分享!

    kNE办公区 - 实用经验教程分享!

    kNE办公区 - 实用经验教程分享!

    kNE办公区 - 实用经验教程分享!

    kNE办公区 - 实用经验教程分享!

    /body>kNE办公区 - 实用经验教程分享!

    之间插入代码:div class="div">/div>kNE办公区 - 实用经验教程分享!

  • 3

    在设计页面的时候还看不到流星雨的效果kNE办公区 - 实用经验教程分享!

    DW制作简约流星雨代码模板kNE办公区 - 实用经验教程分享!

  • 4

    切换到实时视图就可以看到流星雨了。比较的稀少。kNE办公区 - 实用经验教程分享!

    DW制作简约流星雨代码模板kNE办公区 - 实用经验教程分享!

  • 4此文章未经授权抓取自百度经验
  • 5

    修改背景图的方法:顶部导航的修改—页面属性—外观css—背景图像—浏览。即可修改背景图。kNE办公区 - 实用经验教程分享!

    DW制作简约流星雨代码模板kNE办公区 - 实用经验教程分享!

  • 6

    预览如下:需要完整代码或者模板请投我一票,私信我从外地百度云盘下载。关注我有更多网页装修模板!kNE办公区 - 实用经验教程分享!

    DW制作简约流星雨代码模板kNE办公区 - 实用经验教程分享!

  • 以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!kNE办公区 - 实用经验教程分享!


    标签: 制作CSSflash

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号