Shulou(Shulou.com)06/01 Report--

This article mainly introduces how to use css to set strikethrough style, with certain reference value, interested friends can refer to, I hope you have a lot of harvest after reading this article, let Xiaobian take you to understand.

CSS strikeout

.demo{

text-decoration:line-through;

color:red;

}

span{color:black;}

There's a strikethrough here.

Access through the browser, css strikethrough to achieve the effect as follows:

009b6b898c6a53b94e6b75d5abb1066.png

This is mainly used in CSS text-decoration: line-through style attribute.

First of all, you should know that text-decoration attributes are modifiers that are specified to be added to text.

A value of line-through defines a line that passes under the text.

In the above code, we combine text-decoration: line-through; and style to define the style of text font color, to achieve the style effect of strike-through and text color difference!

Similarly, we can also easily achieve the relevant effects of the original price:

CSS strikeout

.demo{

text-decoration:line-through;

color:red;

}

span{color:black;}

Original price: 500 yuan

Price: $150

Thank you for reading this article carefully. I hope that Xiaobian's article "How to use css to set the strikeout style" will be helpful to everyone. At the same time, I hope that everyone will support you a lot and pay attention to the industry information channel. More relevant knowledge is waiting for you to learn!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.