弄两个方块，绝对定位，一左一右，左边倾斜45度，右边倾斜45度
背景颜色对上
然后z-index：-1
就可以让
“”链接详情还有右边的图片在上层“”
最外面的div加上overflow：hidden还有相对定位
有是有，CSS3的-moz-transform: rotate(deg)可实现文本旋转，但目前仅有极少的浏览器支持，并且也不完善，有的只能显示水平和垂直，不能倾斜。HTML5也许可以，但都是超前的技术了，你这种情况，用图片替换吧。文本可以用CSS移除屏幕。1、打开html开发软件工具，新建一个html代码页面，创建一个<div>，同时给这个<div>添加一些文本内容和一个class类为 oblique。
2、使用font-style: oblique设置字体倾斜。创建<style>标签，然后在这个标签里面设置oblique类font-style属性为oblique。
代码：
<style>
.oblique{
font-style: oblique
}
</style>
3、最后，可以用链接打开可以看到已经倾斜45度，就是上面的代码编写即可。
