如图所示，div能做平行四边形吗，且不要用border做？

Question

因为考虑到文本要自动换行 而字体不变形（不倾斜），如果用border做会使得字体变形

• 
  

Answer 1

您好，一、外部CSS样式设置DIV宽度 - TOP首先我们新建命名一个CLASS或ID的类，这里CSS命名为“.divcss5”，以class引用。并且设置宽度为300px，CSS选择器代码如下：.divcss5{width:300px} /* css 注释：这样设置了对象divcss5宽度为300px样式 */针对DIV使用代码：<div class="divcss5">我宽度设置为300px</div>二、div标签内设置CSS宽度样式 - TOP假如这里也是对DIV标签设置css width为300px,div标签内设置CSS样式，我们就需要style属性值。直接得到HTML代码片段：<div style="width:300px">我宽度设置为300px</div>三、div宽度设置代码总结 - TOP设置DIV标签的宽度我们可以外部新建一个类并用class或id应用设置其CSS样式，也可以直接标签内用style属性应用CSS样式。

Answer 2

可以参考CSS的transform的skew方法skew() 方法通过 skew() 方法，元素翻转给定的角度，根据给定的水平线（X 轴）和垂直线（Y 轴）参数：实例div{transform:&nbsp;skew(30deg,0deg);-ms-transform:&nbsp;skew(30deg,0deg);/*&nbsp;IE&nbsp;9&nbsp;*/-webkit-transform:&nbsp;skew(30deg,0deg);/*&nbsp;Safari&nbsp;and&nbsp;Chrome&nbsp;*/-o-transform:&nbsp;skew(30deg,0deg);/*&nbsp;Opera&nbsp;*/-moz-transform:&nbsp;skew(30deg,0deg);/*&nbsp;Firefox&nbsp;*/}