Home > Developer > Web Develop
HTML code
1 <Body>2 <Divclass= "page">3 <Divclass= "Page-box">4 <H1>5 Mr. Rabbit .6 </H1>7 <P>8 these days the heart is rather quiet. Tonight in the courtyard sitting in the shade, suddenly think of the Lotus pond, in the light of the full moon, there is always another look. The moon gradually rose, the children's laughter outside the wall, had not been heard, the wife in the room patted a leap son, humming in a daze song. I slipped in the big shirt and took the door out. 9 </P>Ten <P> One along the Lotus Pond, is a winding small cinder road. This is a alcoves road, the day is also few people walk, the night is more lonely. The Lotus Pond is surrounded, with many trees, lush lush Yu. The side of the road is some willow, and some do not know the name of the tree. There is no Moonlight night, the road is gloomy, some people are scary. Tonight is very good, although the moonlight is still faint. A </P> - <P> - I am the only one on the road, strolling pacing. This piece of heaven and earth seems to be mine, I also like beyond the ordinary oneself, to another world. I love the lively, also love calm, gregarious, love alone. Like tonight, a person in this boundless month, anything can think, anything can not want, then feel is a free person. The things that must be done during the day must be said, and now all will be ignored. This is the beauty of solitude, and I have the benefit of this boundless lotus incense Moonlight good. the </P> - <P> - suddenly think of lotus things come. Lotus is the old customs of Jiangnan, it seems very early, and the six Dynasties for Sheng, from the poem can be roughly known. Lotus is a young woman, they are swinging in a boat, singing a song to go. Lotus people do not have to say a lot, but also see lotus people. It is a lively season, but also a merry season. Beam elements Emperor "Lotus Fu" said well: - </P> + - <Pre> + so the demon deft girls female, boating heart Xu; A trinal The first Xu Hui, and spread the feather Cup; at hermeneutical will move and algae hanging, the ship to move and ping open. - the waist bundle of its fiber, and protracted gu bu; - The summer begins the spring, leaves the tender flower early, - fear of clothes and shallow smile, fear of the boat and convergence. - </Pre> - <P> in We can see the time of the leisure tour. This is really an interesting thing, but we have no luck now. - </P> to <P> + so he remembered the sentence in the West Continent song: - </P> the <Pre> * Lotus South Pond autumn, Lotus extraordinary head; $ bow the Lotus seed, the Lotus seed clear as water. Panax Notoginseng </Pre> - <P> the tonight, if there are Lotus, the lotus here is also calculated as "over the head", only to see some of the shadow of water, is not. This makes me really want to the Jiangnan. Think of this, a fierce look up, do not feel that it is their own door, gently push the door into, what no sound also, wife has been asleep for a long time. + </P> A <Divclass= "Author"> the Author: Mr. Rabbit + </Div> - </Div> $ </Div> $ </Body>
CSS Code
1 <style type= "Text/css" >2 *{3 margin:0;4 padding:0;5 box-sizing:Border-box;6}7 Body{8 margin:0 Auto;9 width:660px;Ten padding:50px 0; One background:#eee; A font-family:"Stzhongsong"; - font-size:16px; - Line-height:20px; the} - . Page,.page-box{ - margin:0 Auto; - width:600px; + padding:50px 0 0 60px; - background:#fff; + Border-radius:20px; A text-align:Justify; at} - . Page-box{ - padding:0 60px 40px 0; -} - . Page{ - position:relative; in Margin-left:0; - Filter:Drop-shadow (0px 0px 15px #bbb); to} + . Page:before{ - content:"'; the Display:Block; * position:Absolute; $ Right:-60px;Panax Notoginseng Top:0; - width:60px; the Height:50px; + background:linear-gradient (42deg, #ddd 30%, Rgba (0,0,0,0) 40%); A} the H1{ + Margin-bottom:20px; - text-align:Center; $} $ P,pre{ - Margin-bottom:5px; -} the Pre{ - padding:5px 0;Wuyi font-family:"Stxingkai"; the font-size:16px; -} Wu P{ - text-indent:2em; About} $ . Author{ - Padding-top:20px; - text-align: Right; - font-family:"Fzshuti"; A Color:Green; +} the </style>
Original address: http://www.qdfuns.com/notes/32244/ef7467af54279078256efc9c878ca10a.html
CSS3 achieve Paper corner roll-up effect
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
