标签: css-shapes
-1
推荐指数
推荐指数
1
解决办法
解决办法
386
查看次数
查看次数
如何使用CSS制作评论形状
是否可以使用CSS代码制作下面显示的形状？
我尝试了一些东西,但我做不到,所以我需要一些帮助.
#demo {
background-color: #333;
height: 100px;
position: relative;
width: 100px;
}
#demo:after {
content: ' ';
height: 0;
position: absolute;
width: 0;
border: 10px solid transparent;
border-top-color: #333;
top: 100%;
left: 50%;
margin-left: -10px;
}<div id="demo"></div>-1
推荐指数
推荐指数
1
解决办法
解决办法
933
查看次数
查看次数
创建倾斜的三角形
是否有可能创造出这个小提琴制作的形状.但是没有JavaScript但CSS3(带<div>)？
基本上这个:
for(var i = 0; i < coords.length; i += 1) {
if(coords[(i + 1)] != undefined) {
ctx.beginPath();
ctx.moveTo(coords[i].x, coords[i].y);
ctx.lineTo(coords[(i + 1)].x, coords[(i + 1)].y);
ctx.stroke();
} else {
ctx.beginPath();
ctx.moveTo(coords[i].x, coords[i].y);
ctx.lineTo(coords[0].x, coords[0].y);
ctx.stroke();
}
}
所以你有点需要相互连接？
-1
推荐指数
推荐指数
1
解决办法
解决办法
1179
查看次数
查看次数
填写圆形进度条
我在这个网站上搜索了多个渐进式圆圈样本,但没有找到类似于我的要求.
我正在尝试创建从下到上填充的进度圆.%百分比值将从文本框传递.
-1
推荐指数
推荐指数
1
解决办法
解决办法
1911
查看次数
查看次数
使用CSS在标题后绘制线条
如何像标题文字之后那样画一条线:
"TITLE ________"
在CSS？
"_"应该完成div的其余部分并填充剩余空间.
-1
推荐指数
推荐指数
1
解决办法
解决办法
1万
查看次数
查看次数
Css有界三角形
我正在开发一个需要特定元素的项目.这是一个如下图所示的边界三角形.甚至可以在HTML/CSS中创建此对象.
简单三角形只有直边框
.tri {
display: inline-block;
border-left: 50px solid transparent;
border-right: 50px solid transparent;
border-bottom: 80px solid blue;
}<div class="tri"></div>-1
推荐指数
推荐指数
1
解决办法
解决办法
100
查看次数
查看次数
-1
推荐指数
推荐指数
1
解决办法
解决办法
89
查看次数
查看次数
如何使用HTML和CSS在其中绘制带有文本的选项卡
我想让我的标签看起来如下图所示:
但我无法画出这个.我去过W3Schools并在线查看了几个教程但是无法绘制这个.我甚至玩过伪元素::before,::after但仍然没有运气.每个选择都会产生一个页面.
-1
推荐指数
推荐指数
1
解决办法
解决办法
206
查看次数
查看次数
在CSS中的div上绘制一个三角形
我实际上正在尝试使用Twitter Bootstrap为我完成HTML5和CSS3的设计.
我的屏幕左侧有一个侧边栏,里面有一个列表,没什么复杂的.
<html>
<section class="sidebar">
<ul class="sidebar-menu">
<li class="active">
<a href="/home">
<i class="fa fa-users active-fa"></i>
<span class="menu-title">MY USERS</span>
</a>
</li>
</ul>
</section>
</html>
我想到达这个结果:
任何关于CSS代码的想法都设法让右侧的三角形位于中间右下方的中心？
-1
推荐指数
推荐指数
1
解决办法
解决办法
1463
查看次数
查看次数
CSS - 如何为css形状添加边框颜色
我需要为css形状添加边框颜色,但我不知道该怎么做.我已经与尝试border和border-width,但不起作用.
这是我的代码:
.shape
{
width: 400px;
height: 40px;
background-color: green;
-webkit-clip-path: polygon(5% 0, 100% 0, 100% 100%, 0 100%, 0 100%);
clip-path: polygon(5% 0, 100% 0, 100% 100%, 0 100%, 0 100%);
}<div class="shape"></div>谢谢
-1
推荐指数
推荐指数
1
解决办法
解决办法
2535
查看次数
查看次数