从零开始学习html（十）CSS格式化排版——下

最新推荐文章于 2024-08-04 14:27:56 发布

bo o ya ka

最新推荐文章于 2024-08-04 14:27:56 发布

阅读量798

点赞数 1

原文链接：http://www.cnblogs.com/guxinglang/p/6803199.html

版权

本文详细介绍了CSS中的文字排版，包括如何设置删除线、段落缩进、行间距、字母与单词间距以及文本对齐。通过实例代码，帮助读者掌握这些基本排版技巧。

摘要由CSDN通过智能技术生成

六、文字排版--删除线

 1 <!DOCTYPE HTML>
 2 <html>
 3 <head>
 4 <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
 5 <title>删除样式</title>
 6 <style type="text/css">
 7 
 8 </style>
 9 </head>
10 <body>
11 <p>原价：<span class="oldPrice">300</span>元 现价：230 元</p> 
12 </body>
13 </html>

文字排版--删除线

如果想在网页上设置删除线怎么办，这个样式在电商网站上常会见到：

上图中的原价上的删除线使用下面代码就可以实现：

 .oldPrice{text-decoration:line-through;}

来试试，为原价设置删除线

在编辑器的第7行，输入下面代码：

.oldPrice{text-decoration:line-through;}

文本修饰 

   h1{text-decoration:overline}

   underline	定义文本下的一条线。

   overline	定义文本上的一条线。

   line-through	定义穿过文本下的一条线。

   blink	定义闪烁的文本。

直接写<del>300</del> 和

<s>123456ddsjvnv</s>也可以弄删除线

注意类名称的大小写

一个小技巧：规定好class的名称后，在以后写这个样式的时候，建议直接复制名称来写，又省事又能够减少错误。

代码写的时候一定要注意 对类选择器进行样式设置名称一定要一致 其中一个字母大小写没有区分都是不能实现的