`
zwtlong
  • 浏览: 167745 次
  • 性别: Icon_minigender_1
  • 来自: 厦门
社区版块
存档分类
最新评论

css+html制作组织结构图

阅读更多
<HTML xmlns:v="urn:schemas-microsoft-com:vml">
<HEAD>
<META name="Gemeratpr" content="FlashVml(璀灿之星)4.5">
<META http-equiv="Content-Type" content="text/html;charset=gb2312">
<META name="KeyWords" content="我的作品,flashvml,璀灿之星,vml极道教程,vml,vmlflash,FYW,lshdic">
<TITLE>我的作品</TITLE>
<STYLE>
v\:*{behavior:url(#default#VML);position:absolute;}
.mlt{position:static;PADDING-TOP:6;letter-Spacing:4;HEIGHT:20;TEXT-ALIGN:center;margin-bottom:-2}
</STYLE>
</HEAD>
<BODY bgcolor="#ffffff" style='scrollbar-base-color:purple;scrollbar-shadow-color:white;scrollbar-highlight-
color:white;scrollbar-arrow-color:white;'>
<v:rect id=vml0 style="Z-INDEX:3003;LEFT:404;WIDTH:176;TOP:82;HEIGHT:88" filled="t" fillcolor="red" stroked="f" 
strokecolor="black" strokeweight="1px">
<v:fill type="gradientRadial" opacity="1" color2="white" angle="0"/>
<v:stroke opacity="1" startarrow="none" endarrow="none"/>
</v:rect>
<v:line id=vml1 style="Z-INDEX:3005;LEFT:496;TOP:168" from="0,0" to="0,62.25pt" stroked="f" strokecolor="#df1c66" 
strokeweight="1px">
<v:stroke opacity="1" startarrow="none" endarrow="none" dashstyle="dash"/>
</v:line>
<v:line id=vml2 style="Z-INDEX:3013;LEFT:320;TOP:250" from="0,0" to="258.75pt,.75pt" stroked="t" strokecolor="#c01266" 
strokeweight="1px">
<v:stroke opacity="1" startarrow="none" endarrow="none" dashstyle="dash"/>
</v:line>
<v:line id=vml3 style="Z-INDEX:3015;LEFT:321;TOP:251" from="0,0" to="0,69.75pt" stroked="t" strokecolor="#c01266" 
strokeweight="1px">
<v:stroke opacity="1" startarrow="none" endarrow="none" dashstyle="dashDot"/>
</v:line>
<v:line id=vml4 style="Z-INDEX:3015;LEFT:410;TOP:251" from="0,0" to="0,69.75pt" stroked="t" strokecolor="#1a67e7" 
strokeweight="1px">
<v:stroke opacity="1" startarrow="none" endarrow="none" dashstyle="dashDot"/>
</v:line>
<v:line id=vml5 style="Z-INDEX:3015;LEFT:496;TOP:251" from="0,0" to="0,69.75pt" stroked="t" strokecolor="#2b1c12" 
strokeweight="1px">
<v:stroke opacity="1" startarrow="none" endarrow="none" dashstyle="dashDot"/>
</v:line>
<v:line id=vml6 style="Z-INDEX:3015;LEFT:583;TOP:251" from="0,0" to="0,69.75pt" stroked="t" strokecolor="#96393e" 
strokeweight="1px">
<v:stroke opacity="1" startarrow="none" endarrow="none" dashstyle="dashDot"/>
</v:line>
<v:line id=vml7 style="Z-INDEX:3015;LEFT:667;TOP:250" from="0,0" to="0,69.75pt" stroked="t" strokecolor="#1a67e7" 
strokeweight="1px">
<v:stroke opacity="1" startarrow="none" endarrow="none" dashstyle="dashDot"/>
</v:line>
<v:roundrect id=vml8 style="Z-INDEX:3041;LEFT:300;WIDTH:41;TOP:341;HEIGHT:111" arcsize="9830f" filled="t" fillcolor="#f5b240" 
stroked="f" strokecolor="black" strokeweight="1px">
<v:fill type="gradientRadial" opacity="1" color2="white"/>
<v:stroke opacity="1" startarrow="none" endarrow="none"/>
</v:roundrect>
<v:oval id=vml9 style="Z-INDEX:3043;LEFT:390;WIDTH:41;TOP:341;HEIGHT:110" filled="t" fillcolor="#629927" stroked="f" 
strokecolor="black" strokeweight="1px">
<v:fill type="gradientRadial" opacity="1" color2="white"/>
<v:stroke opacity="1" startarrow="none" endarrow="none"/>
</v:oval>
<v:oval id=vml10 style="Z-INDEX:3043;LEFT:563;WIDTH:41;TOP:341;HEIGHT:110" filled="t" fillcolor="#50b2f8" stroked="f" 
strokecolor="black" strokeweight="1px">
<v:fill type="gradientRadial" opacity="1" color2="white"/>
<v:stroke opacity="1" startarrow="none" endarrow="none"/>
</v:oval>
<v:roundrect id=vml11 style="Z-INDEX:3041;LEFT:646;WIDTH:41;TOP:341;HEIGHT:111" arcsize="9830f" filled="t" 
fillcolor="#951f6e" stroked="f" strokecolor="black" strokeweight="1px">
<v:fill type="gradientRadial" opacity="1" color2="white"/>
<v:stroke opacity="1" startarrow="none" endarrow="none"/>
</v:roundrect>
<v:roundrect id=vml12 style="Z-INDEX:3041;LEFT:476;WIDTH:41;TOP:341;HEIGHT:111" arcsize="9830f" filled="t" 
fillcolor="#1262d8" stroked="f" strokecolor="black" strokeweight="1px">
<v:fill type="gradientRadial" opacity="1" color2="white"/>
<v:stroke opacity="1" startarrow="none" endarrow="none"/>
</v:roundrect>
<v:line id=vml13 style="Z-INDEX:2999;LEFT:496;TOP:103" from="0,0" to="0,109.5pt" stroked="t" strokecolor="#ba5879" 
strokeweight="1px">
<v:stroke opacity="1" startarrow="none" endarrow="none" dashstyle="dashDot"/>
</v:line>
<v:Textbox id=vml14 style="FONT-SIZE:18;Z-INDEX:3119;LEFT:433;COLOR:#1a67e7;WORD-BREAK:break-all;FONT-FAMILY:@楷体
_GB2312;TOP:117" inset="5pt,5pt,5pt,5pt" print="t">把这小玩艺儿又</v:Textbox>
<v:Textbox id=vml15 style="FONT-SIZE:18;Z-INDEX:3122;LEFT:313;COLOR:#1a67e7;WORD-BREAK:break-all;FONT-FAMILY:黑体;TOP:384" 
inset="5pt,5pt,5pt,5pt" print="t">温</v:Textbox>
<v:Textbox id=vml16 style="FONT-SIZE:18;Z-INDEX:3124;LEFT:402;COLOR:#c5122f;WORD-BREAK:break-all;FONT-FAMILY:黑体;TOP:384" 
inset="5pt,5pt,5pt,5pt" print="t">习</v:Textbox>
<v:Textbox id=vml17 style="FONT-SIZE:18;Z-INDEX:3125;LEFT:487;COLOR:#fcec98;WORD-BREAK:break-all;FONT-FAMILY:黑体;TOP:384" 
inset="5pt,5pt,5pt,5pt" print="t">了</v:Textbox>
<v:Textbox id=vml18 style="FONT-SIZE:18;Z-INDEX:3128;LEFT:575;COLOR:#df1c66;WORD-BREAK:break-all;FONT-FAMILY:黑体;TOP:384" 
inset="5pt,5pt,5pt,5pt" print="t">一</v:Textbox>
<v:Textbox id=vml19 style="FONT-SIZE:18;Z-INDEX:3129;LEFT:659;COLOR:#12a7a5;WORD-BREAK:break-all;FONT-FAMILY:黑体;TOP:384" 
inset="5pt,5pt,5pt,5pt" print="t">遍</v:Textbox>
</BODY>
</HTML>


效果

 

 

  • 大小: 43.2 KB
分享到:
评论

相关推荐

    html+css+js网页设计源代码.zip

    总的来说,这个压缩包提供了一个完整的HTML5网页设计示例,包括了结构(HTML)、样式(CSS)和交互(JavaScript),是一个学习和参考的好资源。通过研究和理解这个项目,可以提升对网页开发的理解,特别是对于初学者...

    《网页设计与制作项目教程(HTML+CSS+JavaScript)》源代码.zip

    《网页设计与制作项目教程(HTML+CSS+JavaScript)》是一部深入浅出的教材,旨在教授读者如何构建和设计互动式的网页。这份源代码压缩包包含的文件是教材中的实例和练习,帮助学习者通过实践来掌握这三种核心技术。...

    html+css+简单的js制作的超市页面

    在本项目中,“html+css+简单的js制作的超市页面”是一个典型的Web前端开发实例,主要涉及HTML(超文本标记语言)、CSS(层叠样式表)和JavaScript这三种核心技术。这些技术是构建交互式网页的基础,下面将详细介绍...

    HTML+CSS+JS数据可视化大屏平台模板实例10-大数据地图

    首先,HTML(HyperText Markup Language)作为网页内容的结构框架,负责组织页面的基本元素,如标题、段落、图像和链接。在数据可视化大屏的背景下,HTML可以用来布局各种图表、地图和其他组件的位置,为整个界面...

    Html+Css+Javascript从入门到精通.pdf

    ### Html+Css+Javascript从入门到精通 #### Web开发基础教程概述 《Html+Css+Javascript从入门到精通》是一本全面介绍了Web前端开发技术的教程。本书旨在帮助读者掌握Web开发的基础知识,并通过实践逐步深入理解...

    css+div 制作TAB

    在网页设计中,"CSS+Div 制作TAB"是一种常见的布局技巧,用于创建功能性的选项卡式界面。这种技术可以有效地组织和展示大量信息,而不会使页面显得杂乱无章。接下来,我们将深入探讨如何使用CSS和Div来创建TAB,并...

    《网页设计与制作项目教程(HTML+CSS+JavaScript)》-配套源码.zip

    《网页设计与制作项目教程(HTML+CSS+JavaScript)》是一部综合性的教程,旨在帮助学习者深入理解和掌握网页设计的核心技术。本教程结合了HTML、CSS和JavaScript这三种关键技术,它们是构建现代网页的基石。 HTML...

    制作一个简单HTML旅游网站(HTML+CSS+JS)无锡旅游网页设计与实现面.md

    页面设计与内容组织 项目中提到的旅游网站涉及多个页面,每个页面都有不同的设计和内容,但又保持了一致的整体风格。页面包括但不限于: - **首页**: 介绍网站的主要信息和特色,通常包含导航栏和轮播图。 - **...

    HTML+CSS+JS构建的电商网站页面(源码)

    在本项目中,"HTML+CSS+JS构建的电商网站页面(源码)"是一个针对初学者和学生设计的Web前端开发实践项目。这个项目利用HTML、CSS和JavaScript这三种核心技术来创建一个基本的电商网站界面,是学习前端开发的重要...

    web前端html+css+js实现学生信息管理系统

    【标题】:“web前端html+css+js实现学生信息管理系统” 在web开发领域,构建一个学生信息管理系统是一项常见的任务,它能帮助教育工作者有效管理学生数据。本项目以HTML、CSS和JavaScript为核心技术,实现了一个...

    HTML5七夕情人节表白网页制作【css求婚动画源码】HTML+CSS+JavaScript 程序员表白代码

    - **HTML5**: 主要用于网页结构的设计与组织。 - **CSS3**: 用来美化页面外观,实现动态效果与响应式布局。 - **JavaScript**: 提供交互性功能,如动画、响应用户操作等。 #### 3. 特色功能 - **个性化定制**: ...

    HTML+css+javascript

    在“静态网页项目”中,HTML+CSS+JavaScript的运用可能包括创建导航菜单、轮播图、表单验证、下拉列表、模态框、动态特效等多种功能。开发者需要熟练掌握这三种技术,以构建功能完备、用户体验优秀的网页。 压缩包...

    网站模板(DIV+CSS+JQUERY)

    网站模板是一种预先设计好的网页布局,它通过使用HTML、CSS和JavaScript等技术,为开发者提供了一个快速构建网站的基础框架。本模板特别强调了"DIV+CSS+JQUERY"的运用,这三种技术在现代网页开发中起着至关重要的...

    网页制作基础大三dw作业 基于HTML+CSS+JavaScript新能源汽车租赁(6).md

    文件中提到了网页系统的文件分类,包括HTML结构文件、CSS样式文件、JS特效文件和图片文件等。良好的文件组织不仅有助于提高开发效率,还能使代码更加清晰易读,方便后期维护。 ### 知识点八:网页设计的评估标准 ...

    html+css+javascript模拟QQ登陆窗口效果

    在本文中,我们将深入探讨如何使用HTML、CSS和JavaScript来模拟QQ登录窗口的效果。QQ作为中国最流行的即时通讯工具之一,其登录界面的设计简洁而直观,对于初学者来说,模仿这个设计可以很好地提升Web前端开发技能。...

    Web前端大作业-个人网页(html+css+javascript)

    在这个个人网页项目中,HTML文件将用于组织和布局页面的主要结构,包括不同的部分如头部、导航、主体内容和页脚等。 CSS(Cascading Style Sheets)则负责网页的外观和布局设计。通过CSS,我们可以定义颜色、字体、...

    生日祝福(HTML+CSS+JavaScript+jQuery).zip

    标题中的“生日祝福(HTML+CSS+JavaScript+jQuery).zip”表明这是一个包含网页制作元素的项目,主要用于展示如何利用这四种技术来创建一个生日祝福页面。HTML是基础的网页结构语言,CSS用于样式设计,JavaScript...

    精通CSS+DIV 书中实例和源代码

    DIV元素作为容器,可以用来组织网页的结构,通过CSS可以对DIV进行定位和布局,实现复杂的网页设计。 本书首先介绍了CSS的基础知识,包括选择器的使用、样式规则的编写、盒模型、浮动与定位等。这些基础概念是理解和...

    HTML5+CSS3+JavaScript 网页设计与制作期末综合大作业 杭帮美食五个页面(附完整答案和学生用要求及素材)

    在本项目中,"HTML5+CSS3+JavaScript 网页设计与制作期末综合大作业 杭帮美食五个页面" 提供了一个实践性的学习机会,让学生深入理解并应用前端开发技术,特别是针对网页设计与制作。这个项目以“杭帮美食”为主题,...

    css3绘图制作css3响应式组织架构图形代码

    "css3绘图制作css3响应式组织架构图形代码"这一主题,主要探讨的是如何利用CSS3的特性来创建动态、适应不同设备屏幕尺寸的组织架构图。下面我们将深入探讨这一话题,详细介绍相关的CSS3技术。 首先,组织架构图是一...

Global site tag (gtag.js) - Google Analytics