擅长评论表格单元格

嗨伙计我对CSS不太好。我正在使用Angular，Bootstrap来实现类似于CSS引导程序的评论单元格。擅长评论表格单元格

我尝试使用与字体真棒图标的CSS，但是我不能够做到这一点可能是因为我有限的CSS技巧。有人可以帮助我这个。

2016-07-28 Immortal

提高你的CSS技巧，自己做。我们不为您提供现成的东西，我们只是帮助您发现错误，如果东西不工作。你应该知道这一点。 – TricksfortheWeb

非常感谢您的评论。然而，我确实尝试了几件事情，幸运的是/不幸的是最后的手段是在这里发帖，我甚至试图在其他方面，但是正在等着看有没有人会给我一个更好的做事方式。 – Immortal

我假设你只是想知道如何制作一个三角形？或者你需要什么？ – ScientiaEtVeritas

有一种简单的方法来创建三角形只是用CSS，你甚至不需要字体真棒：How do CSS triangles work?。关键是使用一个元件与0

此做了宽度/高度，可以用规则top:0right:0和它定位absolute（position:absoute;）在细胞内。然后它将位于单元格的右上角。确保定位的父元素是relative或absolute。（如果你想保持静态/默认位置，只需在单元格中添加position:relative;）

在下例中可以看到一个三角形的基本示例。只需添加我告诉你的规则，将它放置在单元格内，并改变它的宽度/高度，你喜欢它（这意味着边界宽度）。

.triangle-up-right { 
 
    width: 0; 
 
    height: 0; 
 
    border-top: 50px solid rgb(246, 85, 85); 
 
    border-left: 50px solid transparent; 
 
}

<div class="triangle-up-right"></div>

在这里，我嘲笑你的向您展示它是如何工作的：

.cell { 
 
    width:200px; 
 
    height:65px; 
 
    position:relative; 
 
    border:1px solid #eee; 
 
    background-color:#fcfcfc; 
 
} 
 

 
.triangle-up-right { 
 
    width: 0; 
 
    height: 0; 
 
    border-top: 10px solid rgb(246, 85, 85); 
 
    border-left: 10px solid transparent; 
 
top:0; 
 
right:0; 
 
position:absolute; 
 
}

<div class="cell"><div class="triangle-up-right"></div></div>

来源

2016-07-28 02:25:06 ScientiaEtVeritas

工程就像一个魅力。谢谢。 – Immortal

找到一个谷歌搜索结果，实际上提出这是近乎不可能的感谢excel和评论:-)。 – James

擅长评论表格单元格

回答

相关问题