先在html里创建一段文字这时我们运行页面，可以看到这段文字并没有下划线的要添加下划线，我们添加一段css代码就行了，代码如下 textdecoration underline再次运行页面，可以看到现在的文字就已经有了下划线了。

html添加下划线，需要结合css样式才能做出来，使用css的textdecorationunderline这个属性就行，如果不需要了用textdecoration就行，一般都是对文字使用，具体看下代码lthtmlltheadltstyle#divwidth400pxheight300。

1第一步，如果要修改下划线的颜色，大小和其他样式，可以通过border属性设计，使用起来更灵活，见下图，转到下面的步骤2第二步， 执行完上面的操作之后， borderbottom属性用于设置底部边框样式，见下图，转到下面的步骤。

1根据所需要下划线的长度，输入若干个空格2选中空格，按组合键Ctrl+u即可方法二在英文半角状态下，按住Shift，再据所需要下划线的长度，输入若干个号即可html怎么样把字体变蓝加下划线html把字体变蓝是设置css。

用borderbottom设置下划线，可设置其颜色粗细下划线的长度通过设置空内容的width属性来实现，还可以通过margintop调整下划线与文字的距离。

1首先需要打开html的代码页面，如图所示，编写好input标签并input2然后接下来就是style标签中设置input的样式，如图所示根据如图所示的红框里面的代码进行编写和设置，编写好保存退出3最后，用链接打开看一下效果。

1首先打开hbuilder编辑器，新建一个html文件，写入一个input标签并input设置class属性和设置默认文字的placeholder属性2然后在上方的style标签中设置input得样式，设置input的宽度和高度以及文字颜色，用textdecoration设置。

直接设置底部边框和高度即可，例如 ltdiv class=quotcnquot ltspanltspan ltspanltspan ltspanltspan ltspanltspan ltspanltspan ltspanltspan ltspanltspan ltdiv ltstyle cnwidth800px margin。

1首先，打开html编辑器，新建html文件，例如indexhtml2在indexhtml中的ltbody标签中，输入html代码div background radialgradientcircle at 10px 7px， transparent 8px， currentColor 8px， currentColor。

里面有修改百字体大小和颜色，以及去掉下划线和修度改下划线的颜色，直接放到知html页运行就可以 代码如下lt！DOCTYPE html lthtml lang=quotenquot lthead ltmeta charset=quotUTF8quot lttitleTitlelttitle lthead ltstyle。

传统的css下划线textdecoration样式只能设置其文字下划线样式而无法实现下划线与文字间距调整所以借助与padding属性模拟下划线实现文字与下划线之间距离可调节lt！DOCTYPE html lthtml lthead ltmeta。

1新建一个html文件，命名为testhtml，用于讲解css怎么在网页中给文字加上下划线2在testhtml文件内，使用p标签创建一行文字，文字内容为“这是测试的文字”3在testhtml文件内，设置p标签的id属性为tt，主要用于。

1如果想修改一下下划线的颜色，大小等样式就可以通过border属性来设计，使用起来更灵活2borderbottom属性，用来设置底部的边框样式3borderbottom #FF0000 2px solid 设置边框大小为2PX的红色边框4看一样。

有时候UI设计的时候文字下方会有一个下划线，所以我们经常用 textdecorationunderline 来设置一个下划线，但是呢，发现这个下划线和文字特么的重合了，来没法设置，只能用别的方法代替了，啪啪啪的写一大堆css 现在宣布。

比如某一行文字，“选择器”窗口内会自动计算出相应的选择器名称第三步点击这个选择器，在“属性”窗口内挑选要定义的属性，比如textdecoration，并进行设定，一个为文字添加下划线的样式就生成了。

lt！doctype html lthtml lthead ltmeta charset=quotutf8quot lttitle无标题文档lttitle ltstyle p span displayinline *文字定义成块元素* paddingbottom5px *设置下拉线距离* borderbottom1px。

从你的图看，第一张是老师的要求，第二张是你的作业1要让文字区左移可以给图片加右间距“marginright 20px”或给文字区加左间距“marginleft 20px”2取消文字下划线使用 “textdecoration ”。