DIV CSS文字删除线贯穿线怎么添加

DIV CSS文字删除线贯穿线添加方法如下：

1、先打开sublime_text软件，然后新建一个09.html。

2、建好09.html后，在里面定义一个html5标准声明。

3、然后在里面输入html网页的结构。

4、在输入html网页的结构中找到一个叫body标签，在body标签中添加文字。

5、添加好文字后，给p标签添加一个删除线样式。

6、运行网页，查看结果，可以看到删除线已添加好了。

<div style="width:150pxheight:150pxfloat:leftbackground:#f00"></div>

 <div style="width:1pxheight:150pxfloat:leftbackground:#000margin-left:10pxmargin-right:10px"></div>

   <div style="width:150pxheight:150pxfloat:leftbackground:#0f0"></div>

可以通过建立一个1PX宽度的DIV来做为竖线，，但是这种写法，兼容性不太好，一些旧浏览器容易出现默认最小宽度。

还有一个办法是，也是这样三个DIV布局，中间的宽度可以设置大一些，通过BORDER-LEFT,或者RIGHT，来建立一边边框做为竖线，然后，左边或者右边的DIV，通过MARGIN，padding的-值来减消中间DIV的宽度就可以了。

可以自己尝试一下。

首先，设置一个盒子，里面分别存放两个div，

然后左右两个div的宽度是整个盒子的一半。

上面左边的div宽度设置成399px 是因为边框线有1px。

也可以把右边的div设置左边框。

---