10-5文字排版--下划线 · 初识HTML+CSS

有些情况下想为文字设置为下划线样式，这样可以在视觉上强调文字，可以使用下面代码来实现： ~~~ p a{text-decoration:underline;} <p>三年级时，我还是一个<a>胆小如鼠</a>的小女孩。</p> ~~~ ### 任务 **我也来试试，为第一段中的“三年级”文字设置为下划线样式 ** **1、在右侧代码编辑器的第14行插入下面span标签代码：** ~~~ <span>三年级</span> ~~~ **2、在右侧代码编辑器的第10行输入下面代码：** ~~~ span{text-decoration:underline;} ~~~ ``` <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>下划线样式</title> <style type="text/css"> a { text-decoration:underline; } span{text-decoration:underline;} </style> </head> <body><span>三年级</span> <p>三年级时，我还是一个<a>胆小如鼠</a>的小女孩。</p> </body> </html> ```