HTML文字下划线的设置_随笔

HTML文字下划线怎么设置？很简单，用一个css样式就可以了。下面来看一下。

先在html里创建一段文字。

这时我们运行页面，可以看到这段文字并没有下划线的。

要添加下划线，我们添加一段css代码就行了，代码如下 text-decoration: underline。

再次运行页面，可以看到现在的文字就已经有了下划线了。

方法和详细的 *** 作步骤如下：

1、第一步，如果要修改下划线的颜色，大小和其他样式，可以通过border属性设计，使用起来更灵活，见下图，转到下面的步骤。

2、第二步，执行完上面的 *** 作之后， border-bottom属性用于设置底部边框样式，见下图，转到下面的步骤。

3、第三步，执行完上面的 *** 作之后，border-bottom: #FF0000 2px solid ；将边框大小设置为2PX红色边框，见下图，转到下面的步骤。

4、第四步，执行完上面的 *** 作之后，观察到相同的效果，发现下划线是整个屏幕的宽度，因此接下来将更改宽度，见下图，转到下面的步骤。

5、第五步，执行完上面的 *** 作之后，宽度设置为180px，可以根据实际情况进行调整，见下图，转到下面的步骤。

6、第六步，执行完上面的 *** 作之后，将显示下划线效果，见下图。这样，就解决了这个问题了。

html添加下划线，需要结合css样式才能做出来，使用css的text-decoration:underline这个属性就行，如果不需要了用text-decoration:none就行，一般都是对文字使用，具体看下代码：

<html>

<head>

<style>

#div{

width:400px

height:300px

}

#div p{ line-height:30px

text-text-decoration:underline

}

</style>

</head>

<body>

<p>我是测试文字</p>

</div>

</body>

</html>

超文本标记语言，标准通用标记语言下的一个应用。

“ 超文本 ”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。

超文本标记语言的结构包括 “头”部分（英语：Head）、和“主体”部分（英语：Body），其中“头”部提供关于网页的信息，“主体”部分提供网页的具体内容。

超级文本标记语言文档制作不是很复杂，但功能强大，支持不同数据格式的文件镶入，这也是万维网（ WWW）盛行的原因之一，其主要特点如下：

简易性：超级文本标记语言版本升级采用超集方式，从而更加灵活方便。

可扩展性：超级文本标记语言的广泛应用带来了加强功能，增加标识符等要求，超级文本标记语言采取子类元素的方式，为系统扩展带来保证。

平台无关性：虽然个人计算机大行其道，但使用 MAC等其他机器的大有人在，超级文本标记语言可以使用在广泛的平台上，这也是万维网（ WWW）盛行的另一个原因。

通用性：另外， HTML是网络的通用语言,一种简单、通用的全置标记语言。它允许网页制作人建立文本与图片相结合的复杂页面，这些页面可以被网上任何其他人浏览到，无论使用的是什么类型的电脑或浏览器。

欢迎分享，转载请注明来源：内存溢出

HTML文字下划线的设置