css样式

最新推荐文章于 2022-06-23 20:12:34 发布

zl52104

最新推荐文章于 2022-06-23 20:12:34 发布

阅读量109

点赞数

本文链接：https://blog.csdn.net/zl52104/article/details/80158434

版权

<!DOCTYPE html>
<html>
   <head>
       <meta charset="UTF-8">
       <title></title>
       <meta name="viewport" content="width=device-width, initial-scale=1">
       <style type="text/css">
           #div1{
               background-color: #AAAC90;
               width: 1200px;
               height: 180px;
               padding: 8px;
           }
           #div3{
               background-color: black;
               width: 300px;
               height: 450px;
               color: #F0FFFF;
               text-align: center;
               margin-top: 20px;
               border-radius: 20px;
               margin-left: 40px;
           }
           #div2{
               margin-left: 100px;
               margin-top: 20px;
           }
           #span1{
               font-size: 42px;
               color: red;
               margin-top: 200px;
               margin-left: 100px;


           }
           #divx:hover{

               transform: rotate(360deg);
               transition-duration: 5s;
           }

           #span2{
               margin-bottom: 20px;
              margin-left: 230px;
              font-size: 24px;
           }
           table{
               margin-top: 62px;
               color: azure;
           }
           td{
               border-right:2px solid #F0FFFF;

           }
           td:hover{
               background-color: red;
               color: yellow;
               font-size: 24px;
                transition-duration: 3s;

           }

           #divv:hover{
               transform: scale(2);
           }
       </style>
   </head>
   <body>
       <div id="div1">
           <div id="divx">
               <sapn id="span1">散文集</sapn><br />
           <span id="span2">朱自清</span>
           </div>
           <table width="600px" height="40px" cellpadding="1px" cellspacing="0px"style="background-color: #6495ED;">
               <tr>
                   <td align="center"><span class="td1">作者生平</span></td>
                   <td align="center">故事背景</td>
                   <td align="center">词语注释</td>
                   <td align="center">作品手法</td>
                   <td align="center">上一篇文章</td>
                   <td align="center">下一篇文章</td>
               </tr>
           </table>
       </div>

       <div id="div2" style="float: left; " >
           <span style="font-size: 24px;">荷塘月色（节选）</span><br />
           这几天心里颇不宁静。今晚在院子里坐着乘凉，忽然想起日日走过的荷塘，在这满月的光<br />
           里，总该另有一番样子吧。月亮渐渐地升高了，墙外马路上孩子们的欢笑，已经听不见了;<br />
           妻在屋里拍着闰儿，迷迷糊糊地哼着眠歌。我悄悄地披了大衫，带上门出去。　　沿着荷<br />
           塘，是一条曲折的小煤屑路。这是一条幽僻的路;白天也少人走，夜晚更加寂寞。荷塘四面，<br />
           长着许多树，蓊蓊郁郁的。路的一旁，是些杨柳，和一些不知道名字的树。没有月光的晚<br />
           上，这路上阴森森的，有些怕人。今晚却很好，虽然月光也还是淡淡的。　　路上只我一<br />
           个人，背着手踱着。这一片天地好像是我的;我也像超出了平常的自己，到了另一世界里。<br />
           我爱热闹，也爱冷静;爱群居，也爱独处。像今晚上，一个人在这苍茫的月下，什么都可以<br />
           想，什么都可以不想，便觉是个自由的人。白天里一定要做的事，一定要说的话，现在都<br />
           可不理。这是独处的妙处，我且受用这无边的荷香月色好了。　　曲曲折折的荷塘上面，<br />
           弥望的是田田的叶子。叶子出水很高，像亭亭的舞女的裙。层层的叶子中间，零星地点缀<br />
           着些白花，有袅娜地开着的，有羞涩地打着朵儿的;正如一粒粒的明珠，又如碧天里的星星，<br />
           <span style="font-size: 42px;">曲</span>又如刚出浴的美人。微风过处，送来缕缕清香，仿佛远处高楼上渺茫的歌声似的。<br />
           叶子与花也有一丝的颤动，像闪电般，霎时传过荷塘的那边去了。叶子本是肩并肩密密地<br />
           挨着，这便宛然有了一道凝碧的波痕。叶子底下是脉脉的流水，遮住了，不能见一些颜色;<br />
           而叶子却更见风致了这时候。<br />
       </div>
       <div style="float: left;"id="div3">
           <img src="../img/www.png" style="margin-top: 20px;"/><br />
           <span style="color: red;">作者简介</span>
           朱自清（1898年11月22日—1948年8月<br />
           12日），原名自华，号秋实，后改名自<br />
           清，字佩弦。中国现代散文家、诗人、学者、民主战士
       </div>

   </body>
</html>

zl52104

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
css样式

&lt;!DOCTYPE html&gt;&lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;&lt;/title&gt; &lt;meta name="viewport" content="width=device-wid
复制链接

扫一扫