怎样用CSS样式在文字下面加下划线_教程

一般有两种方法：升碧搜

一、通过CSS下吵历划线代码：text-decoration:underline来设置文字下划线。

实例演示如下：

1、实例代码如下：

此时页面效果如下：

2、修改第1步中的txt样式，加入text-decoration:underline。

此时页面效果如下，出现了下划线。

二、通过设置div的border实现效慧改果：

实例演示如下：

在第一种方法的初始代码上，增加border-bottom: 1px solid black、padding-bottom: 10px两个关键样式，如下：

此时页面效果如下：

ASP.NET案例教程——电子商务系统

献给亲爱的女儿惜惜和园园......

CSS大小设置实例——盒子模型

一、浏览器效果和Dreamweaver设计视图：

二、HTML

<余散敬head>

</head>

<body>

</div>

</body>

</html>

三、CSS

#box {

width:200px

height:100px

margin:10px 20px 30px 40px

border:solid 10px red

padding:10px 20px 30px 40px

background-color:green

}

#content {

width:100%

height:100%

background:blue

}

【说明】

1、本实例中使用了css reset.css，在这里，主要重置了body和div的{margin: 0padding: 0 }

2、在用CSS设计盒子时，可以设置盒子的宽（width）和高（height）属性，但是这个宽和高并不是盒子的实际宽和高，而是盒子内容的宽和高。

本例中，盒子的width和height是蓝色内容的宽和高，而盒子实际的宽和高是：

盒子的实际宽度=左边界+左边框+左填充+宽+右填充+右边竖慎框+右边界；

盒子的实际高度=上边界+上边框+上填充+高+下填充+下边框+下边界。

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

怎样用CSS样式在文字下面加下划线