`
ykyfendou
  • 浏览: 403548 次
  • 性别: 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>

 

 

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics