css斜线样式,斜线样式怎么设置

如何使用css给一个正方形添加一条对角斜线？

style

.box{

width: 25px;

height: 25px;

border: 1px black solid;

}

.box:after{

width: 35.25px;

content: "";

display: block;

height: 25px;

border-bottom: 1px black solid;

transform: rotate(-45deg);

transform-origin: left bottom;

}

/style

/head

body

div class="box"

/div

/body

如果是长方形角度得算一下

相关问答

Q1: css怎么做斜线

代码已经测试，兼容主流浏览器：

style

.line{

width:100px;height:25px;border-bottom:1px solid #333;

filter: progid:DXImageTransform.Microsoft.BasicImage(Rotation=0.45);/*IE*/

-moz-transform: rotate(45deg);/*Firefox*/

-webkit-transform: rotate(45deg);/*Safari,Chrome*/

}

/style

div class="line"/div

Q2: 斜线纹理的背景在div css中是怎么实现的？急用啊！！！

一般都是做一个正方形的斜线纹理图比如

（图一)背景纹理的的间距大小与你所做的背景图有关，假如图一为一个6px的正方形，作为背景平铺出来的的斜线纹理间距就是5px的距离，（图二）

为一个6px的正方形，作为背景平铺出来的斜线纹理间距就是就是2px的距离，这样背景斜线纹理间距的疏密程度就得到了很好的控制（ps:一般这些背景图做个4px~8px之间的一个正方形就行了，然后background:url(../images/adfa.gif) no-petear;就行了！）谢谢采纳

Q3: 在网页中斜角怎么写css样式

一、样式

.polygon{

float:left;

width:100px;

height:100px;

background-color:#000;

shape-outside:polygon(100px 0,100px 80px,0px 80px);

-webkit-clip-path:polygon(100px 0,100px 80px,0px 80px);

}

二、div

div class="polygon"/div

/////可根据自己的需要调整样式

Q4: css斜体样式怎么写

i标签里面的内容就是斜体啊，i标签自带样式的，就跟p标签自带margin那样。

如果用css的话就给标签设置font-style，值为italic就是让文字内容成为斜体。