css样式实现字体删除线效果

 1 <!DOCTYPE html>
 2 <html>
 3 <head>
 4 <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
 5 <title>删除线实例 在线演示 www.divcss5.com</title>
 6 <style>
 7 .divcss5{ text-decoration:line-through}
 8 /* css注释说明：设置.divcss5对象删除线样式 */
 9 </style>
10 </head>
11 <body>
12 <p>css样式实现删除线效果如下：</p>
13 <p>原价格为：<span class="divcss5">700</span>￥<br>
14 现价格：500￥</p>
15 </body>
16 </html>

s标签也有删除线效果，text-decoration:line-through;

时间： 2024-10-24 18:10:43

css样式实现字体删除线效果的相关文章

网页中HTML代码如何实现字体删除线效果

有的朋友在制作网站的时候,需要给字体制作删除线,例如:选择题,错误标识等!那么我们就需要用到了<s>这个标签写法如下字体删除线: <s>这里是内容</s> 效果如下:未加删除线加了删除线当我们在<s>标签里面加入了删除线文字中间就会出现一横线,这就是删除线的效果原文地址:https://www.cnblogs.com/wicc/p/10778084.html

一.全局CSS样式 1.html5文档类型,标准,参照下面的进行设置 <!DOCTYPE html> <html lang="zh-CN"> ... </html> 2.移动设备优先 bootstrap是移动设备优先的! 为了确保适当的绘制和触屏缩放,需要在<head>之中添加viewport元数据标签. <meta name="viewport" content="width=device-width

CSS样式中字体和大小

1.css中引入外部字体文件: @font-face 被列为了 CSS3 的一项新特性,其实它并不是什么新鲜技术,它最早出现在 CSS2 的规范定义中,但是在 CSS2.1 中又被删除,现在被正式列入 CSS3.目前主流的浏览器(IE 4+/Firefox 3.5+/Chrome 1+/Safari 3.1+/Opera 10+)都能够支持这个属性,所以不用担心会有浏览器兼容性问题. @font-face 允许您在网页中使用电脑中没有安装的字体,完全摆脱安全字体的限制.只需将字体包安装在服务器上

CSS样式（字体）

CSS 字体 CSS 文本 CSS 链接 CSS 字体属性定义文本的字体系列.大小.加粗.风格(如斜体)和变形(如小型大写字母). CSS 字体系列在 CSS 中,有两种不同类型的字体系列名称: 通用字体系列 - 拥有相似外观的字体系统组合(比如 "Serif" 或 "Monospace") 特定字体系列 - 具体的字体系列(比如 "Times" 或 "Courier") 除了各种特定的字体系列外,CSS 定义了 5 种通用

CSS文本、字体个别属性效果对比

text-align:justify:文本两端对齐效果 text-decoration 下划线.上划线.中划线 text-index 首行缩进效果 text-shadow 文本阴影 text-transform 控制单词字母的大小写 font-variant 显示小型的大写字母的字体(对小写字母有效) 原文地址:https://www.cnblogs.com/liangdecha/p/9681634.html

iOS中字体样式的设置、颜色、空心、删除线、阴影、斜体、扁平化

不多说直接上代码! 这些知识基本的文字设置,实际上iOS中文字的设置有很多,比如说颜色.空心.删除线.阴影.斜体.扁平化等, NSStrokeWidthAttributeName这个属性所对应的值是一个 NSNumber 对象(小数).该值改变描边宽度(相对于字体size 的百分比).默认为 0,即不改变.正数只改变描边宽度.负数同时改变文字的描边和填充宽度.例如,对于常见的空心字,这个值通常为3.0. 同时设置了空心的两个属性,并且NSStrokeWidthAttributeName属性设置为

CSS样式字体初解

学会正确使用css属性,掌握网页文本的多样化样式. 属性: 字体大小[font-size]含义:字符框的高度. 加粗字体[font-weight]将[font-weight]设置为[bold],以加粗文字,该属性可继承. 倾斜字体[font-style]将[font-style]设置为[italic],以倾斜文字,该属性可继承. 字间距[letter-spacing]设置[letter-spacing]的值为px或em,可控制文字间的间隙,该属性可继承. 首行缩进[text-indent]设置

jQuery 表格中实现“删除线”的增进方法

之前做了一个删除线的效果,就是类似这样的,在内容的中间加一条线. 但是又有点不同的是,这种删除线不是单纯的在文字之上,而是给一个Table中的一行加上这种删除线效果. 这里有两个方法,是在不同时期写的,第一个有些缺陷,第二个在第一个基础上要好很多,目前没有发现什么缺陷吧. 直接上代码吧页面内容: <body> <table style="border:1px solid black;padding-left:5px;padding-right:5px;" cellp

CSS样式四种引入方式

第一种将样式代码写在页面<style>......</style>标签之中,用<style>......</style>标签将body设置一个灰色的背景: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style> body{ back