草庐IT

html - 这种形式的div边框: blank gaps in the corners

如何使用css完成这个div边框:我尝试使用虚线边框,但结果是这样的:http://jsfiddle.net/23qGr/div{width:20px;height:20px;border:6px#6a817ddashed;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;} 最佳答案 您可以使用伪元素和透明/黑色边框:DEMOdiv{width:20px;height:20px;padding:6px;position:relative;}div:

html - border-collapse 组合 :collapse and transform:translate

我有以下问题:当我翻译表格中的标题单元格并且表格设置为border-collapse:collapse时,单元格将移动但不会移动它们的边框。我创建了一个测试:标记:Test1Test2Test3asdasdadasdasdadasdasd风格:table{border-spacing:0;border-collapse:collapse;background:#efefef;}th{background:#ccc;border-right:1px#000solid;transform:translate(-10px,0);}http://jsfiddle.net/rs0h9tbu/2如

html - border-collapse 组合 :collapse and transform:translate

我有以下问题:当我翻译表格中的标题单元格并且表格设置为border-collapse:collapse时,单元格将移动但不会移动它们的边框。我创建了一个测试:标记:Test1Test2Test3asdasdadasdasdadasdasd风格:table{border-spacing:0;border-collapse:collapse;background:#efefef;}th{background:#ccc;border-right:1px#000solid;transform:translate(-10px,0);}http://jsfiddle.net/rs0h9tbu/2如

html - 我无法删除边框

我无法从我的图像中删除边框。我已经尝试过很多次不同的属性。仍然看到白色边框。如果您对导致问题的原因有任何建议-请向我解释。我有点新手。img{border:none;text-decoration:none;}#forum{background:url(forum_button.png)0px0pxno-repeat;width:300px;height:81px;}#forum:hover{background:url(forum_button.png)-300px0pxno-repeat;width:300px;height:81px;}#facebook{background:u

html - 我无法删除边框

我无法从我的图像中删除边框。我已经尝试过很多次不同的属性。仍然看到白色边框。如果您对导致问题的原因有任何建议-请向我解释。我有点新手。img{border:none;text-decoration:none;}#forum{background:url(forum_button.png)0px0pxno-repeat;width:300px;height:81px;}#forum:hover{background:url(forum_button.png)-300px0pxno-repeat;width:300px;height:81px;}#facebook{background:u

html - 显示表格单元格的 <li> 标签中的间距

我有四个li标签,它们都包含图像。现在,我想垂直居中显示图像,为此我对所有li使用了display:table-cell并且在图像上我使用了vertical-alignmiddle。但是当我试图在li之间放置间距时,margin不起作用。这是JSFiddleHTMLOurAchievementsCSS.achievementsul{margin:0;padding:0;list-style:none;}.achievementsulli{min-width:304px;min-height:208px;vertical-align:middle;display:table-cell;b

html - 显示表格单元格的 <li> 标签中的间距

我有四个li标签,它们都包含图像。现在,我想垂直居中显示图像,为此我对所有li使用了display:table-cell并且在图像上我使用了vertical-alignmiddle。但是当我试图在li之间放置间距时,margin不起作用。这是JSFiddleHTMLOurAchievementsCSS.achievementsul{margin:0;padding:0;list-style:none;}.achievementsulli{min-width:304px;min-height:208px;vertical-align:middle;display:table-cell;b

html - 没有出现 CSS 边框

我正在尝试设计我的导航菜单设计以反射(reflect)timeanddate.com上的设计,如下图所示:为了创建颜色,他们在CSS中使用了简单的底部和左边框。我正在尝试为我的添加边框我的网站沙盒上的标签,http://www.escapetech.com:8080.我正在使用以下CSS:.anylinkcssli{list-style-type:none;}.participateli{list-style-type:square;border-left-color:#fa514d;}#navigation_bar{height:31px;list-style:none;width:

html - 没有出现 CSS 边框

我正在尝试设计我的导航菜单设计以反射(reflect)timeanddate.com上的设计,如下图所示:为了创建颜色,他们在CSS中使用了简单的底部和左边框。我正在尝试为我的添加边框我的网站沙盒上的标签,http://www.escapetech.com:8080.我正在使用以下CSS:.anylinkcssli{list-style-type:none;}.participateli{list-style-type:square;border-left-color:#fa514d;}#navigation_bar{height:31px;list-style:none;width:

box-sizing: border-box;是什么意思

box-sizing:border-box;当定义width和height时,它的参数值包括border和padding,好处:修改border和padding数值盒子的大小不变。相反,box-sizing:content-box;当定义width和height时,它的参数值不包括border和padding。例如:         Document     .wrap{    width:1100px;    height:500px;    margin:0auto;   }   .wrap.item{    float:left;    width:221px;    height:16