-1

css でさまざまな種類の境界線をコーディングする方法は?
HTML テンプレートでボーダー スタイルのグループをデザインしたいと考えています。.hello などの特別な css セレクターの下に境界線 css コードを追加する必要があるのか​​ 、境界線スタイルを境界線 css グループに分離する必要があるのか​​ 、時々混乱します。現在、sass+bootstrap を使用しています。css export で仕事をするための原則を教えてほしい。

<div class="box bodered">has border around box</div>
<div class="box bodered dotted">border type is dotted</div>
<div class="box bodered type_1">border type with image shadow effort</div>

<div class="box bordered top">only has border at top</div>
<div class="box bordered left">only has border at left</div>
<div class="box bordered right">only has border at right</div>
<div class="box bordered bottom">only has border at bottom</div>
4

1 に答える 1

3 
       .box{ border-color:#000000;}
       .bodered{ border:1px solid inherit;}
       .dotted{ border-style:dotted;}
       .top{border:none; border-top:1px solid #00000;}
       .left{border:none;border-left:1px solid #00000;}
       .right{border:none;border-right:1px solid #00000;}
       .bottom{border:none;border-bottom:1px solid #00000;}
于 2013-05-06T06:13:31.510 に答える