置顶效果

置顶

<!DOCTYPE html>

<html lang="en">

 

<head>

    <meta charset="UTF-8">

    <title>置顶复习</title>

</head>

<style>

    /** { margin: 0; padding: 0; }*/

    

    html,

    body {

        height: 100%;

    }

    

    p {

        /*空格表示 方法一:大小自己模拟计算,根据font-size,空出两个文字的大小*/

     text-indent: 16px;

     /*方法二: ;*/

    }

    

    .top {

        width: 50px;

        height: 50px;

        background: #ccc;

        /*q强制转换为块状*/

        display: block;

     /*添加定位——>定位自带块状属性*/

        position: fixed;

        right: 10px;

        bottom: 10px;

        text-decoration: none;

        text-align: center;

        line-height: 45px;

        color: coral;

        font-size: 14px;

        font-weight: bold;

        text-shadow: 1px 1px 2px #fff;

        /*-webkit-vertical-align: middle;*/

     /*CSS中的确是有vertical-align属性,但是它只对(X)HTML元素中拥有valign特性的元素才生效,

     例如表格元素中的<td>、<th>、<caption>等,而像<div>、<span>这样的元素是没有valign特性的,

     因此使用vertical-align对它们不起作用。*/

    }

    

    .top:hover {

        background: #aabbcc;

        font-size: 16px;

        color: orangered;

       /* transform: rotate(45deg);*/

    }

 

</style>

 

<body>

    <a name="top"></a>

   <!--name为标记名,不加#号-->

    <p>与竹相伴,就让自己忘却了凡尘,仰望一片竹林,清雅韵致,玉树临风,内心便增加了无限诗情画意。无论是细雨如岚,还是微风斜阳,都将竹的韵律尽现。竹的翩翩风度在文人墨客笔下生动清灵。依一窗竹,展看一纸缱绻,仿如红楼一梦间,潇湘君子款款而来。</p>

    <p>清晨,推窗而望,望见竹叶滚动着晨露,清新的竹香传来,扫尽心中莫名的浮躁,微微的晨曦洒在竹林深处,光晕流动间,让内心沉浸在素净的优雅里,禅音渐起,鸟鸣轻咛。</p>

    <p>推开心窗,与竹相依,就让自己望见时光缓慢,望尽四季的流转。竹的清雅印刻在心间,愿故人不散,愿相遇而安,仿佛每日与竹的相见,就把竹的淡然存留在了心间,豁达、随缘,我就在这里恬静安然,惊艳了缘分,又送离了插肩。</p>

    <p>竹下的月光,也是极美的。清辉的光本就雅致,又配上竹的风韵,让笔直的竹杆上苍翠落满银辉,竹叶在微风里轻颤,让寂静的夜色里,流动着灵动的心曲。月色为指,拨动竹叶的弦,梵音袅袅,让月色下的梦境清宁。将灵魂浸入竹径通幽的清凉里,忘却名利,洗尽铅华。生活,在与竹为伴的日子里,是煮了一壶月光的静美,是沏了金色阳光的醇香。风过竹缝,漫过一世的温柔恬静。心思,就仿如轻盈的蝴蝶,舞动清灵的羽翼,把温柔的诗意落满竹影,再悄然带走竹的宁静淡雅,落入某文人笔下的一段墨香,最终,把竹的韵,入了低吟浅唱的时光,在光阴间回眸,醉了尘世的心灵,净了浮躁不安的灵魂。</p>

    <p>愿每个春日,推开窗,望见清晨有薄薄的阳光,微凉的空气,竹的清香穿过我的身心,在点点光晕间,望见透明的美好,带着温婉的笑意,入了我一天的繁忙。</p>

    <p>夏日,偶尔会遇见雨,我就静坐于窗前,捧一杯茶在手,桌前摊开一本书籍,让竹在雨里轻唱,让风夹裹着竹的幽香袭来,细雨沙沙,竹色碧绿,窗外一片清新,“竹香满凄寂,粉节涂生翠。”竹香飘逸而起,让心陶醉。“雨洗娟娟净,风吹细细香。”时光在雨中漫步,我在窗前望景。</p>

    <p>秋日,尘埃落满平日里匆忙的时光,心在一片烦乱里被尖锐的琐碎划伤。就那般偶尔逃离凡尘的忧伤,躲入竹林的深处,追寻丢失的清新美好。秋日的竹是成熟的,它张开绿色的怀抱,包裹我无助的心,风入竹林,传来竹叶的婆娑之声,仿如裙裾飞扬,妙人俏立于风中满含温婉的笑意。</p>

    <p>冬天,“瑶台雪花数千点,片片吹落春风香。”寒竹依旧潇洒傲然,苍杆屹立,宛如龙筋,北风呼啸间,唯有破竹之声清冷。“夜深知雪重,时闻折竹声”,万物萧条,瑟缩时节,寒竹傲迎风雪,在雪霜压顶间,崛起不屈,尽显傲骨风韵。</p>

    <p>每日立于窗前,与竹相望,竹叶细细,掩盖苍穹,偶尔从竹叶间透出小块蔚蓝的天空,白云苍茫间,点点阳光金屑洒满竹林,竹叶在风里轻颤,金辉跳跃,点点乍现,又倏然离去,竹子苍翠而清幽,宛如从远古走来,带着恒古的氤氲,走过唐诗宋词,带着空灵通透的韵律,傲然而立,风吹过,雨淋过,都让一抹淡雅的竹香飘来,在极淡的清芬里,品“依微香雨青氛氲”,“雨香雨澹觉微和”,让竹的韵好似飘飞的轻丝,缠上我杂虑的心境。竹,又好似清冽的甘泉,带着清雅的芬芳,流淌进我的内心,洗涤我落满凡尘的心灵,禅意,在此刻扬起,将内心填满安暖宁静。风润竹香,竹叶轻颤。一只行蝉落于竹叶上,在洒满阳光的缝隙,扬起细细的音律。一些微冷的竹影,打在我的眼睫,让竹的韵,入了我的生命。</p>

    <p>每日立于窗前,与竹相望,竹叶细细,掩盖苍穹,偶尔从竹叶间透出小块蔚蓝的天空,白云苍茫间,点点阳光金屑洒满竹林,竹叶在风里轻颤,金辉跳跃,点点乍现,又倏然离去,竹子苍翠而清幽,宛如从远古走来,带着恒古的氤氲,走过唐诗宋词,带着空灵通透的韵律,傲然而立,风吹过,雨淋过,都让一抹淡雅的竹香飘来,在极淡的清芬里,品“依微香雨青氛氲”,“雨香雨澹觉微和”,让竹的韵好似飘飞的轻丝,缠上我杂虑的心境。竹,又好似清冽的甘泉,带着清雅的芬芳,流淌进我的内心,洗涤我落满凡尘的心灵,禅意,在此刻扬起,将内心填满安暖宁静。风润竹香,竹叶轻颤。一只行蝉落于竹叶上,在洒满阳光的缝隙,扬起细细的音律。一些微冷的竹影,打在我的眼睫,让竹的韵,入了我的生命。</p>

    <p>每日立于窗前,与竹相望,竹叶细细,掩盖苍穹,偶尔从竹叶间透出小块蔚蓝的天空,白云苍茫间,点点阳光金屑洒满竹林,竹叶在风里轻颤,金辉跳跃,点点乍现,又倏然离去,竹子苍翠而清幽,宛如从远古走来,带着恒古的氤氲,走过唐诗宋词,带着空灵通透的韵律,傲然而立,风吹过,雨淋过,都让一抹淡雅的竹香飘来,在极淡的清芬里,品“依微香雨青氛氲”,“雨香雨澹觉微和”,让竹的韵好似飘飞的轻丝,缠上我杂虑的心境。竹,又好似清冽的甘泉,带着清雅的芬芳,流淌进我的内心,洗涤我落满凡尘的心灵,禅意,在此刻扬起,将内心填满安暖宁静。风润竹香,竹叶轻颤。一只行蝉落于竹叶上,在洒满阳光的缝隙,扬起细细的音律。一些微冷的竹影,打在我的眼睫,让竹的韵,入了我的生命。</p>

    <p>每日立于窗前,与竹相望,竹叶细细,掩盖苍穹,偶尔从竹叶间透出小块蔚蓝的天空,白云苍茫间,点点阳光金屑洒满竹林,竹叶在风里轻颤,金辉跳跃,点点乍现,又倏然离去,竹子苍翠而清幽,宛如从远古走来,带着恒古的氤氲,走过唐诗宋词,带着空灵通透的韵律,傲然而立,风吹过,雨淋过,都让一抹淡雅的竹香飘来,在极淡的清芬里,品“依微香雨青氛氲”,“雨香雨澹觉微和”,让竹的韵好似飘飞的轻丝,缠上我杂虑的心境。竹,又好似清冽的甘泉,带着清雅的芬芳,流淌进我的内心,洗涤我落满凡尘的心灵,禅意,在此刻扬起,将内心填满安暖宁静。风润竹香,竹叶轻颤。一只行蝉落于竹叶上,在洒满阳光的缝隙,扬起细细的音律。一些微冷的竹影,打在我的眼睫,让竹的韵,入了我的生命。</p>

 

    <a href="#top" class="top">置顶</a>

  <!--跳转到相应位置,加#号,添加对方的name名为链接地址,a为内联的标签,没有大小,必须赋予内容撑开-->

  <!--如果要给指定a标签加样式,给一个class或id-->

</body>

 

</html>

 

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值