用于指定所需边框的终极CSS快捷方式

时间:2011-04-17 08:29:54

标签: css shorthand

需要一些家庭作业的帮助。我希望有人可以帮助我,因为我尝试了所有组合并没有取得多大成功。我被要求简化以下内容:

border-top: 1px solid #8B8BA2; 
border-left: 1px solid #8B8BA2; 
border-bottom: 1px solid #8B8BA2;

任何人都有任何好主意。我确实尝试了以下但它似乎不起作用:

border: 1px solid none solid solid #8B8BA2;

希望有人可以提供帮助。

马里

3 个答案:

答案 0 :(得分:7)

指定border属性,您可以一次指定所有边框。由于四个中的三个是相同的,请指定所有边的边框,然后删除不适用的边框:

border: 1px solid #8B8BA2;
border-right: 0;

答案 1 :(得分:2)

作为SeanA答案(+1)的补充, - 如果这是作业,你可能会被问到你是否真的知道速记边界顺序..所以虽然上面也有效,但这可能是他们的答案后。

border: 1px solid #8B8BA2;
border-width: 1px 0 1px 1px; 

第一个声明所有边界,第二个零是“右”边界,使用四边形表示法。边界(和边距和填充)写成Top - Right - Bottom - Left - TRBL 和用来记住这个词是“ TR ou BL e ”或者您可以顺时针思考:)

答案 2 :(得分:-1)

我认为没有必要创建像这样的边界

border-top:1px solid #8B8BA2;
border-right: 0px;
boreder-left:1px solid #8B8BA2;
border-bottom:1px solid #8B8BA2;

您必须指定所有边框。