divcss画斜线，div画一条直线

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

能，一种是使用css样式：先画一条横线或竖线，然后将这条线旋转一定角度得到斜线。

首先我们新建一个100x100的正方形div，为了方便我们查看，设置一个背景颜色。

第一种方法：利用border一个矩形拼接两个三角形最终制造出一个平行四边形。为什么使用border可以产生三角形呢？先来看看一张图片：看了图中的三个小图形的变化过程，你应该已经清楚了一半。

如果是一个正方形，我们写边时，会用到border，但我们这里讨论的三角形本身就是border，不可能再给border添加border属性，所以我们需要用到其他办法。最容易想到的，是叠加层。

首先打开电脑的画图板。用鼠标的左键点击矩形。按住shift键，在画图板上画出一个正方形。然后，用鼠标的左键点击直线.从正方形的两条边的交点开始画出一条斜线，斜线落在正方形的另一条边上。

应该这样画斜线，可以让正方形中有三个锐角，一个钝角。首先打开电脑的画图板。用鼠标的左键点击矩形。按住shift键，在画图板上画出一个正方形。

相关问答

Q1: css怎么做斜线

也就是如何使用 CSS 画斜线？我们假定我们的 HTML 结构如下：法CSS3 旋转缩放这里我们使用 伪元素 画出一条直线，然后绕 div 中心旋转 45度 ，再缩放一下就可以得到。

当然方法还有很多种，比如用满边框，再在上面叠加一个小一点的满边框就出来斜线了。

很简单的做法这种效果其实还可以用css3的另一个新的标签canvas。

不过，如果你导航条用的话呢，可以改变list-style属性，有小圆圈，小方块儿，最主要能用自定义图片。你自己做个斜线的图，然后 list-style-type list-style-position list-style-image 一改。

Q2: CSS怎么把div里的图形倾斜,而文字不倾斜

打开html开发软件工具，新建一个html代码页面，创建一个div，同时给这个div添加一些文本内容和一个class类为 oblique。使用font-style： oblique设置字体倾斜。

打开Dreamweaver输入任意汉字，点击编辑css。选择中文字点击鼠标右键css样式-附加样式表。弹出对话框选择附加样式表。

div向右偏移一定距离，可采用margin外边距实现、也可以使用padding来实现，这就要看不同情况下如何灵活选择了。这里thinkcss为大家介绍各种css布局div向右移方法。

可以把div裁剪成斜的，也可以用旋转的方式倾斜。

然后设置class的样式，这里给div一个比较小的宽度并设置行高和边框，然后设置word-warp属性，该属性表示允许长单词换行到下一行，再设置一下letter-spacing调整每个字之间的距离就可以了。

如何让网页中的某段文字倾斜90度，注意：不是旋转是倾斜。

关于divcss画斜线和div画一条直线的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。