1/7新建一個html文件,命名為test.html,用于講解在html里,用css怎么在字的中間加一條橫線。
2/7在test.html文件內(nèi),使用p標(biāo)簽創(chuàng)建一行文字,文字內(nèi)容為“用css在字的中間加一條橫線”。
3/7在test.html文件內(nèi),給p標(biāo)簽設(shè)置class屬性,屬性值為myp,主要用于下面通過該class來設(shè)置css樣式。
4/7在test.html文件內(nèi),編寫<styletype="text/css"></style>標(biāo)簽,頁面的css樣式將寫在該標(biāo)簽內(nèi)。
5/7在css標(biāo)簽內(nèi),通過p標(biāo)簽的class屬性myp來設(shè)置p標(biāo)簽內(nèi)文字的css樣式,樣式寫在花括號內(nèi)。
6/7在css標(biāo)簽內(nèi),在花括號內(nèi),將text-decoration屬性設(shè)置為line-through,實現(xiàn)給文字中間加一條橫線的效果。
7/7在瀏覽器打開test.html文件,查看實現(xiàn)的效果。
總結(jié):1、創(chuàng)建一個test.html文件。2、在文件內(nèi),使用p標(biāo)簽創(chuàng)建一行測試的文字。3、在css中,將p標(biāo)簽的樣式屬性text-decoration設(shè)置為line-through,實現(xiàn)在字的中間加一條橫線的效果。