Tag: 边框的

在表格中的特定行周围边框?

我试图devise一些HTML / CSS,可以放在一个表中的特定行周围的边框。 是的,我知道我真的不应该使用表布局,但我不知道足够的CSS来完全取代它。 无论如何,我有一个表有多个行和列,有些与rowspan和colspan合并,我想在表的一部分放一个简单的边框。 目前,我使用4个独立的CSS类(顶部,底部,左侧,右侧),分别附加在表格的顶部,底部,左侧和右侧的<td>单元格中。 .top { border-top: thin solid; border-color: black; } .bottom { border-bottom: thin solid; border-color: black; } .left { border-left: thin solid; border-color: black; } .right { border-right: thin solid; border-color: black; } <html> <body> <table cellspacing="0"> <tr> <td>no border</td> <td>no border here either</td> </tr> <tr> <td class="top left">one</td> <td […]

CSS三angular形自定义边框颜色

试图为我的CSS三angular形(边框)使用自定义hex颜色。 然而,因为它使用边界属性,我不确定如何去做这个。 我想避开javascript和css3,仅仅是因为兼容性。 我试图让这个三angular形有一个带有1px边框的白色背景(在三angular形的边上),颜色为#CAD5E0。 这可能吗? 以下是我到目前为止: .container { margin-left: 15px; width: 200px; background: #FFFFFF; border: 1px solid #CAD5E0; padding: 4px; position: relative; min-height: 200px; } .container:after { content: ''; display: block; position: absolute; top: 10px; left: 100%; width: 0; height: 0; border-color: transparent transparent transparent #CAD5E0; border-style: solid; border-width: 10px; }​ 我的小提琴: http : //jsfiddle.net/4ZeCz/