很多站长朋友们都不太清楚html5怎么显示下滑线，今天小编就来给大家整理html5怎么显示下滑线，希望对各位有所帮助，具体内容如下：
本文目录一览： 1、 html如何添加下划线？ 2、 html 如果让input 里面有下划线。 3、 html5怎么设置字体下划线 4、 HTML中怎么给块级元素中居中的文字加下划线（只加在文字下面） html如何添加下划线？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>
<div id='div1'>
<p>我是测试文字</p>
</div>
</body>
</html>
html 如果让input 里面有下划线。1、首先需要打开html的代码页面，如图所示，编写好input标签并input。
2、然后接下来就是style标签中设置input的样式，如图所示根据如图所示的红框里面的代码进行编写和设置，编写好保存退出。
3、最后，用链接打开看一下效果，可以看到文字下方已经有下划线了，这样操作就可以解决问题了。
html5怎么设置字体下划线1、示例代码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<style>
body{
padding: 20px;
}
#ufont{
color: lightskyblue;
font-size: 40px;
font-family: "bookman old style";
font-weight: bolder;
text-decoration: underline;
}
</style>
</head>
<body>
<div id="ufont">显示</div>
</body>
</html>
2、示例结果
3、知识扩展
none： 指定文字无装饰
underline： 指定文字的装饰是下划线
overline： 指定文字的装饰是上划线
line-through：指定文字的装饰是贯穿线
blink： 指定文字的装饰是闪烁
HTML中怎么给块级元素中居中的文字加下划线（只加在文字下面）为文字加下划线要使用css来定义样式，利用“text-decoration: underline”就可以实现
文字下加下划线
比如手写一个页内的css样式
<style type="text/css">
body p {
text-decoration: underline;
}
</style>
也可以使用dreamweaver的css工具来制作css样式：
以Dreamweaver cc为例，首先要在css设计器的“源”中现在一个源，可以选择“在页面中定义”或其它；第二步在页面内选择需要定义的元素，比如某一行文字，“选择器”窗口内会自动计算出相应的选择器名称；第三步点击这个选择器，在“属性”窗口内挑选要定义的属性，比如text-decoration，并进行设定，一个为文字添加下划线的样式就生成了。
关于html5怎么显示下滑线的介绍到此就结束了，不知道本篇文章是否对您有帮助呢？如果你还想了解更多此类信息，记得收藏关注本站，我们会不定期更新哦。
查看更多关于关于html5怎么显示下滑线的信息的详细内容...