`
ykyfendou
  • 浏览: 407986 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

横线从文字中间穿过的CSS效果属性和html标签

阅读更多

要实现html页面中实现横线从文字中间穿过的效果有三种方法可实现,如下:

1、是用CSS样式表中 text-decoration:line-through; 属性

2、是使用<del>186.00</del>html标签

3、是使用<s>186.00</s>html标签

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>MJ.588cy.com</title>

<style type="text/css">

b {

    text-decoration: line-through;

    font-weight: 100;

}

</style>

</head>

 

<body>

    <b>186.00</b>

    <del>186.00</del>

    <s>186.00</s>

</body>

</html>

 

 

分享到:
评论

相关推荐

    css实现中间文字两边横线效果

    在网页设计中,有时我们需要创建一种特殊的布局效果,即中间的文字两侧有横线。这个效果可以通过CSS来轻松实现。本文将详细介绍两种不同的方法来达到这种效果,并提供相关的代码示例。 ### 方法一:使用`vertical-...

    HTML标签属性大全

    HTML标签属性大全的知识点涵盖了很多方面,包括网页的基本元素、文本格式、链接、图片和多媒体的插入,以及表格的设计等。...通过这些标签和属性的使用,开发者可以创建出具有丰富交互性和视觉效果的网页。

    CSS控制文字在一条线的中间.rar

    标题 "CSS控制文字在一条线的中间" 指向的是一个关于如何使用CSS样式将文本定位在一行的中央的教程。在这个主题中,我们将深入探讨CSS中的各种属性和技术,以便实现这一目标。 首先,CSS(层叠样式表)是用于描述...

    css实现文字居中两边横线效果的示例代码

    `background`属性指定了横线的颜色,`height`和`width`属性定义了横线的尺寸,`left`和`right`属性分别将两个横线定位到文字的两侧。 通过以上的方法,我们可以实现一个简单的文字居中且带有两侧横线的设计效果。...

    html标签属性大全

    HTML(HyperText Markup Language)是用于创建网页的标准标记语言,其中标签和属性是构建网页结构和样式的关键元素。本文将详细介绍一些常见的HTML标签属性及其用途。 1. **跑马灯标签 `&lt;marquee&gt;`**:这个标签可以...

    CSS命名+html标签属性大全.docx

    文件名`print.css`和`themes.css`暗示了这可能是针对打印样式和不同主题的CSS文件。命名规范通常遵循以下原则: 1. **语义化**:CSS类名应该反映其在HTML中的功能或内容,例如`sidebar`表示侧边栏,`nav`代表导航,...

    tab跟随底部横线滑动

    在实际项目中,你可能会根据需要调整CSS动画效果,比如添加过渡效果、调整底部横线颜色、处理内容的显示与隐藏等。此外,如果使用了框架如Vue.js或React.js,你还可以利用它们的生命周期方法和状态管理来实现相同的...

    CSS控制文字在一条线中间的方法

    在网页设计中,让文字居中...对于更复杂的布局需求,还可以结合使用CSS的其他属性和布局模式,如Flexbox或Grid,以实现更灵活的布局控制。在实际网页设计中,了解和掌握这些技术有助于创建美观、易读且结构清晰的页面。

    css3下划线跟随文字导航菜单特效

    总结来说,CSS3下划线跟随文字导航菜单特效主要依赖于CSS3的伪元素、`transition`和`transform`属性。通过精心设计的HTML结构和CSS样式,我们可以创建出富有动态感和视觉吸引力的导航菜单,为用户带来更好的浏览体验...

    CSS自定义属性Expression

    CSS自定义属性Expression是一种在CSS中添加自定义行为的方式,它允许开发者定义自己的CSS属性,并在这些属性中嵌入JavaScript代码来实现动态效果。这种方式在早期的CSS版本中较为常见,尤其是在Internet Explorer...

    HTML+CSS基础知识点.pdf

    11. `&lt;hr&gt;` 标签可以添加水平横线。 12. `&lt;address&gt;` 标签可以为网页加入地址信息。 13. `&lt;code&gt;` 标签可以加入一行代码, `&lt;pre&gt;` 标签可以加入多行代码。 14. `&lt;ul&gt;` 和 `&lt;ol&gt;` 标签可以制作信息列表和有序列表...

    html和css培训的ppt

    所有的标签名和属性名都应小写,属性值需用引号括起,并且所有非实体的特殊符号如小于号、大于号和与号都需要转义。此外,XHTML要求所有属性都有值,不能省略,如`checked="checked"`。注释中不能使用连续的短横线" ...

    css中常见各种标签

    ### CSS中常见的HTML标签及其属性详解 在网页开发过程中,HTML是构建网页结构的基础语言,而CSS则负责美化这些结构,让网页变得丰富多彩。本文将详细介绍一些常用的HTML标签及其属性,帮助开发者更好地理解和运用...

    HTML+CSS+Div测试习题.pdf

    3. `text-decoration`属性用于设置文本的装饰效果,`overline`表示上划线,`underline`表示下划线,`line-through`表示删除线(横线从字中间穿过)。 4. `text-align`属性用于设置文本对齐方式,`center`表示居中...

    HTML-CSS-Div测试习题.docx

    * 在 CSS 中,文本修饰的取值 `text-decoration:line-through` 表示横线从字中间穿过(D)。 四、超链接 * 超链接是一种一对一的关系(A)。 * 在 HTML 中,超链接的目标属性有 `_self`、`_blank`、`_top`、`_...

    学习CSS过程中对于基础选择器、文本属性、字体属性的一些学习笔记和理解

    CSS学习日记中,对基础选择器、文本属性、字体属性的一些学习笔记和理解。学习HTML网页知识的可以参考一下。 CSS基础选择器 根据不同需求把不同的标签选出来,简单来说就是选择标签用的。 1. 标签选择器:标签里面...

    HTML属性标签大全.doc

    HTML属性标签大全 HTML标签是网页设计的基础,掌握HTML标签是网页设计师必备的技能。本文档总结了常用的HTML标签属性,涵盖了...通过学习这些HTML标签和属性,我们可以更好地掌握HTML语言,提高网页设计的效率和质量。

    CSS3 SVG火箭横线元素动画特效.zip

    【标题】:“CSS3 SVG火箭横线元素动画特效”是一个基于CSS3和SVG技术实现的网页特效,旨在为用户界面增添生动有趣的动态效果。在网页设计中,这种特效可以吸引用户的注意力,提升用户体验,尤其适用于启动页面、...

Global site tag (gtag.js) - Google Analytics