新网创想网站建设,新征程启航
为企业提供网站建设、域名注册、服务器等服务
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
如果是长方形角度得算一下
代码已经测试,兼容主流浏览器:
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
一般都是做一个正方形的斜线纹理图比如
(图一)背景纹理的的间距大小与你所做的背景图有关,假如图一为一个6px的正方形,作为背景平铺出来的的斜线纹理间距就是5px的距离,(图二)
为一个6px的正方形,作为背景平铺出来的斜线纹理间距就是就是2px的距离,这样背景斜线纹理间距的疏密程度就得到了很好的控制(ps:一般这些背景图做个4px~8px之间的一个正方形就行了,然后background:url(../images/adfa.gif) no-petear;就行了!)谢谢采纳
一、样式
.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
/////可根据自己的需要调整样式
i标签里面的内容就是斜体啊,i标签自带样式的,就跟p标签自带margin那样。
如果用css的话就给标签设置font-style,值为italic就是让文字内容成为斜体。