在HTML中,如何用CSS画一棵圣诞树?请高手指教

在HTML中,如何用CSS画一棵圣诞树?请高手指教,第1张

圣诞树啊,应该是考虑怎样画三角形吧,用border就可以了哈。

<!DOCTYPE html>

<html>

<head>

    <title></title>

    <style type="text/css">

        .ss{

            height: 0

            width: 0

            position: absolute

            border: 20px solid tan

            border-color: transparent transparent #1fd224 transparent

        }

        .s1{

            border-width:80px 

            top: 100px

            left: 400px

         }

        .s2{

            border-width:100px 

            top: 115px

            left: 382px

        }

        .s3{

            border-width:120px 

            top: 126px

            left: 362px

        }

        .s4{

            border-width:140px 

            top: 140px

            left: 342px

        }

        .dd{

            height: 130px

            width: 40px

            position: absolute

            top: 420px

            left: 460px

            background-color: #1fd224

        }

    </style>

</head>

<body>

<div class="s1 ss"></div>

<div class="s2 ss"></div>

<div class="s3 ss"></div>

<div class="s4 ss"></div>

<div class="dd">

</div>

</body>

</html>

看着有点丑,楼主可以改变宽度高度以及颜色哈。最后希望采纳哈

据我了解是这样

HTLM应该是超文本标记语言不是协议,HTTP那东西才是协议,js和javascript实际上是一样的,javascript简称叫 js , JScript 是 微软出的 跟javascript差不多,现在都叫JS了,HTML/CSS/javascript W3C都有制作规范与标准。dom树是属于javascript的一部分,javascript大体包含3个西:ECMAScript语法(在此基础上建立的javascript语法,还如FLASH的ActionScript也基于ECMAScript扩展的),DOM对象文档),BOM对象(浏览器).

而DOM对象的出现是为了方便javascript *** 作HTML标签而已.BOM对象也就是 *** 作浏览器了.标准的HTML文档实质上就是一个是就一个树形结构的XML文档

DOM全名document object model 文档对象模型,也就是基于HTML文档出来的,所以 *** 作DOM实际上就是在 *** 作HTML文档对象(每一个标签).

CSS只能修饰HTML的样式而已,而javascript能把HTML与CSS相结合,也就是以前所说的DHTML(动态HTML)。

http只是传输协议,没他的话网站都打不开了。

html这套标签机制也是又W3C规范的,每个浏览器对CSS,HTML,JS的解析都存在问题,所以当时就出现了W3C这个民间的组织,重点是民间组织,O(∩_∩)O哈哈~,组成就是为了说服各大浏览器厂商统一解析CSS,HTML,JS,目前各大浏览器厂商对标准支持的越来越好了(IE最差,可能有钱有势吧,老弄些IE特有属性与方法,而不采用DOM核心方法),但是还是存在差异,希望开发者再也不用为浏览器兼容考虑那一天的到来。

看到你的补充,我很无语,你最开始问的问题,连基本概念性的东西都搞不明白,还说书上一大堆,你真的搞明白了没?CSS *** 作DOM都跑出来了,够囧,基本几个东西的关系你都搞不清楚,你还问机制怎么实现的,你干脆去问浏览器怎么做的吧,说话有点冲动了,别介意,也不晓得你详细看了我上面的问答没,老兄一步一个脚印吧,你还没到那境界!


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7538700.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-06
下一篇 2023-04-06

发表评论

登录后才能评论

评论列表(0条)

保存