互联网常识:如何在css中设置删除线

让我们向你解释css如何设置删除线。相信朋友们也应该密切关注这个话题。现在我们来谈谈css是如何为朋友设置删除线的。边肖还收集了css如何设置删除线的相关信息。我希望你看到后会喜欢。

在css中，可以使用text-decoration属性设置删除线，语法为“text-decoration:换行”。文本装饰属性设置元素文本装饰。当值是一行一行通过时，它在文本下定义一行。

本教程操作环境：windows7系统，CSS3HTML5第5版，戴尔G3电脑。

创建新的test.html页面。在test.html页面的主体区域创建一个新的div来存储项目的名称。在div标签中创建新的跨度来存储项目的价格。在test.html页面的主体区域创建一个新的样式标签，并在样式标签中将span标签中的价格设置为红色。

！DOCTYPEhtmlhtmllang='en'headmetacharset='UTF-8'metahttp-equiv='X-UA-Compatible'content='IE=edge'metaname='viewport'content='width=device-width，initial-scale=1.0'titledocument/titlestyle。价格{color:red}/style/headbodydiv键盘：spanclass='price'200元/span/div/body/html在浏览器中打开test.html，看看当前的效果。

回到编辑器，在test的style选项卡中，设置span的text-decoration:line-through属性。

风格。价格{color:red文本装饰：线贯通；}/style当你再次打开test.html时，你会发现价格被划掉了。

推荐：css视频教程以上就是css如何设置删除线的详细内容。更多信息请关注php中文网站其他相关文章！

来源：php中文网站

　　免责声明：本文由用户上传，与本网站立场无关。财经信息仅供读者参考，并不构成投资建议。投资者据此操作，风险自担。 如有侵权请联系删除！