CSS中的对角线

用户3355028

我想创建一个由对角线分成两部分的div。例如,左侧应为黄色,右侧应为蓝色。我该怎么做?

谢谢。

(请运行下面的代码以查看我所讨论的示例)。

<html>
<body>
<p>
******************************************<br>
**********************....................<br>
*********************.....................<br>
********************......................<br>
*******************.......................<br>
******************........................<br>
*****************.........................<br>
******************************************<br>
</p>
</body>
</html>
trve.fa7ad

使用CSS3渐变可以轻松完成此操作

看下面的代码:

p .diagonal{
background: #1e5799;
background: -moz-linear-gradient(-45deg,  #1e5799 50%, #fff600 50%);
background: -webkit-gradient(linear, left top, right bottom, color-stop(50%,#1e5799), color-stop(50%,#fff600));
background: -webkit-linear-gradient(-45deg,  #1e5799 50%,#fff600 50%);
background: -o-linear-gradient(-45deg,  #1e5799 50%,#fff600 50%);
background: -ms-linear-gradient(-45deg,  #1e5799 50%,#fff600 50%);
background: linear-gradient(135deg,  #1e5799 50%,#fff600 50%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#fff600',GradientType=1 );
}

如果是太难理解你,使用一些在线服务,像这样来产生所需的梯度。

只需将两种颜色的位置设置为50%:)

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

使用CSS在div背景中绘制对角线

来自分类Dev

如何使用CSS绘制对角线

来自分类Dev

响应对角线CSS

来自分类Dev

CSS使右边框成为对角线

来自分类Dev

在HTML中显示对角线分数

来自分类Dev

矩阵中的对角线-Python

来自分类Dev

在多索引中访问对角线

来自分类Dev

从列表中找出方阵的对角线

来自分类Dev

如何在CSS中实现对角线删除线文字?

来自分类Dev

视线对角线

来自分类Dev

映射对角线

来自分类Dev

如何使对角线和反向对角线与2D矩阵中的点交叉?

来自分类Dev

在MATLAB中创建对角线和左对角线均为1的矩阵

来自分类Dev

如何填充对角线并忽略R中矩阵的对角线?

来自分类Dev

在MATLAB中创建对角线和左对角线均为1的矩阵

来自分类Dev

画布中对角线到角线的渐变

来自分类Dev

我可以在CSS中做一条对角线吗?

来自分类Dev

我可以在CSS中做一条对角线吗?

来自分类Dev

CSS-如何创建对角线浮雕?

来自分类Dev

具有对角线边的按钮和div(CSS)

来自分类Dev

使用CSS创建对角线/剖面/边框

来自分类Dev

CSS-如何响应地对齐对角线边缘?

来自分类Dev

使用CSS创建div的对角线顶部

来自分类Dev

CSS鼠标悬停时对角线鼠标移动

来自分类Dev

带有(内联)CSS 的对角线边框

来自分类Dev

如何使用 CSS 创建对角线背景效果

来自分类Dev

使用 html 和 css 创建对角线

来自分类Dev

CSS - 带有叠加/背景模糊对角线的图像

来自分类Dev

在矩阵中按升序排列对角线值,而不是对角线值,这取决于Matlab中的对角线值