2015-12-15 3 views
-3

Могу ли я узнать, как добавить пробел/дополнение к нижней границе границы? Пример показан ниже. Я не хочу добавлять некоторые объекты или делать это, просто хочу использовать только «h2». Например:Как добавить пространство после границы?

< h2> заголовок h2 </h2> < р> Следующий элемент </р>

Большое спасибо.

enter image description here

+0

Пожалуйста, покажите нам код .. Вы, вероятно, следует использовать 'краю дна:' –

+0

Что-то вроде этого: < h2> h2 заголовок < /h2>< p> Следующие элементы t < /p> – Gordon

+0

Oic ... В первый раз знаю, что можно использовать margin-bottom ... Спасибо вам большое ... :) – Gordon

ответ

0

Вы можете использовать margin-bottom: в вашем CSS. Как в коде ниже, так и в демо. В качестве примера я использовал 50px.

h2 {border-bottom:1px solid grey; margin-bottom:50px;} 

DEMO

+0

Большое спасибо ... :) Это из CSS 3? – Gordon

+0

Не то, чтобы я узнал, его уборщик использовал 'margin: 0 0 50px 0;' вместо 'margin-top: 0; Маржа направо: 0; край дно: 50px; Запас налево: 0; ', но если вы хотите изменить только одну сторону, вы можете использовать« margin-bottom » –

+1

Хорошо, спасибо .. Узнал это .. :) – Gordon

0

DEMO

h1 { 
    margin-bottom:50px; /* space from border to next element */ 
    padding-bottom:10px; /* space from element to border */ 
    border-bottom:1px solid #aaa; 
} 

CSS box model - Reference

+0

Большое спасибо ... :) Впервые узнайте, что-нить, я думал «margin» только – Gordon

+0

вы можете применить margin как margin: 1px 2px 3px 4px; что будет означать margin-top: 1px; margin-right: 2px; margin-bottom: 3px; и так далее. while margin: 1px 2px; будет зависеть от того, что margin-top и margin-bottom равны 1px, тогда как влево и вправо 2px – 4dgaurav

+1

Oic ... Хорошо, спасибо .. Я это узнал .. :) – Gordon

Смежные вопросы