您现在的位置是：首页 > 要闻 > 正文
互联网常识:如何在css中设置删除线
发布时间：2022-04-02 19:50:01来源：
让我们向你解释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中文网站
标签：