How to Make Strikethrough Color
If you want to a create a line running horizontally through your Web page text, use the "text-decoration" property to create a strikethrough effect. This lets you show changes made to your text without deleting the old text. For a more dramatic look, you can also change the color of the strikethrough line to contrast against the text color. This is done by using two "<span>" tags to override the default strikethrough settings.
Other People Are Reading
Instructions
-
-
1
Open a Web page document in a text editor by right-clicking on it, then clicking "Open With." Click to select "Notepad" or "WordPad," then click "OK."
-
2
Click to place your cursor on a line where you want to create the strikethrough text.
-
-
3
Type "<span style='color:#ff0000; text-decoration:line-through;'>" and press "Enter." This line of code creates a span where any text between this starting tag and a closing "</span>" tag will render with a strikethrough ("text-decoration:line-through;") in the color red ("color:#ff0000;"). Replace the hexadecimal color value ("#ff0000") with the color of your choice for the strikethrough line.
-
4
Type "<span style='color:#000000'>" and press "Enter." This span tag overrides the text color setting of the previous span tag to make the text black ("#000000"), but leaves the strikethrough line color unchanged. Replace the "#000000 color value with the color of your choice for the text.
-
5
Type any text that you want to appear with the strikethrough effect.
-
6
Type "</span>" to close the span tag created in step 4, then press "Enter."
-
7
Type "</span>" to close the span tag created in step 3.
-
8
Click the "File" menu, then click "Save" to save the Web page.
-
1
