10-7段落排版--縮進 · 初識HTML+CSS

中文文字中的段前習慣空兩個文字的空白，這個特殊的樣式可以用下面代碼來實現： ~~~ p{text-indent:2em;} <p>1922年的春天，一個想要成名名叫尼克卡拉威（托比?馬奎爾Tobey Maguire 飾）的作家，離開了美國中西部，來到了紐約。那是一個道德感漸失，爵士樂流行，走私為王，股票飛漲的時代。為了追尋他的美國夢，他搬入紐約附近一海灣居住。</p> ~~~ 注意：2em的意思就是文字的2倍大小。 ### 任務 **我也來試試，為文本段設置2個空格縮進** 1.在右邊編輯器的第7行，輸入下面代碼： ~~~ p{text-indent:2em;} ~~~ ``` <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>縮進樣式</title> <style type="text/css"> p{text-indent:2em;} </style> </head> <body> <h1>了不起的蓋茨比</h1> <p>1922年的春天，一個想要成名名叫尼克?卡拉威（托比?馬奎爾Tobey Maguire 飾）的作家，離開了美國中西部，來到了紐約。那是一個道德感漸失，爵士樂流行，走私為王，股票飛漲的時代。為了追尋他的美國夢，他搬入紐約附近一海灣居住。</p> <p>菲茨杰拉德，二十世紀美國文學巨擘之一，兼具作家和編劇雙重身份。他以詩人的敏感和戲劇家的想象為"爵士樂時代"吟唱華麗挽歌，其詩人和夢想家的氣質亦為那個奢靡年代的不二注解。</p> </body> </html> ```