15问答网 > css 中 div能做平行四边形吗不要用border做比如看图：

css 中 div能做平行四边形吗不要用border做比如看图：

2025-01-19 20:35:33

推荐回答（2个）

回答1：

您好，一、外部CSS样式设置DIV宽度 - TOP
首先我们新建命名一个CLASS或ID的类，这里CSS命名为“.divcss5”，以class引用。并且设置宽度为300px，CSS选择器代码如下：
.divcss5{width:300px} /* css 注释：这样设置了对象divcss5宽度为300px样式 */

针对DIV使用代码：

我宽度设置为300px

宽度设置截图：

外部CSS宽度设置案例截图
二、div标签内设置CSS宽度样式 - TOP
假如这里也是对DIV标签设置css width为300px,div标签内设置CSS样式，我们就需要style属性值。
直接得到HTML代码片段：

我宽度设置为300px

标签内设置宽度样式截图：

标签内使用style属于设置CSS样式截图
三、div宽度设置代码总结 - TOP
设置DIV标签的宽度我们可以外部新建一个类并用class或id应用设置其CSS样式，也可以直接标签内用style属性应用CSS样式。

回答2：

可以参考CSS的transform的skew方法

skew() 方法

　　通过 skew() 方法，元素翻转给定的角度，根据给定的水平线（X 轴）和垂直线（Y 轴）参数：

实例


div{
transform: skew(30deg,0deg);
-ms-transform: skew(30deg,0deg);/* IE 9 */
-webkit-transform: skew(30deg,0deg);/* Safari and Chrome */
-o-transform: skew(30deg,0deg);/* Opera */
-moz-transform: skew(30deg,0deg);/* Firefox */
}

css 中 div能做平行四边形吗 不要用border做比如看图：

css 中 div能做平行四边形吗不要用border做比如看图：