. 1 <! DOCTYPE HTML > 2 < HTML lang = "EN" > . 3 < head > . 4 < Meta charset = "UTF-. 8" > . 5 < title > the Title </ title > . 6 < style > . 7 / * get the first character: Drop Cap achieve * / . 8 P-:: first Letter { . 9 Color : # bb131a ; 10 font-size : 30px ; . 11 a float : left ; / * text wrapping * / 12 } 13 is 14 / * Get the first line: If the :: first-letter pattern, the pattern can not be provided simultaneously * / 15 P: First-Line { 16 TEXT- Decoration : underline ; . 17 } 18 is . 19 / * set the current contents of the selected style * / 20 is P :: Selection { 21 is background-Color : Green ; 22 is Color : Red ; 23 is / *Dakota style can set the display, and second, you can not set content size 24 for example: font-size: 30px; 25 * / 26 } 27 </ style > 28 </ head > 29 < body > 30 < the p- > If life deceive you , < br > Do not be sad, do not hurry, < br > because he lied to you tomorrow </ the p- > 31 </ body > 32 </ HTML >
Renderings