Този запис ще ви инструктира:
- Как да промените разстоянието между абзаците в CSS?
- Как да промените разстоянието вътре в абзаците в CSS?
Предпоставка: Създайте HTML файл
HTML страницата може да бъде създадена, като следвате инструкциите:
- Добавете две ' ” елементи в HTML файла.
- Присвояване на идентификатори като „ параграф 1 ' и ' ал.2 ”, съответно.
- Посочете съдържанието на абзаца в тях, както е дадено по-долу:
< стр клас = 'параграф 1' >
Успешните хора просто полагат много усилия и постигат целта; те нямат естествен талант.
Успешните хора просто полагат много усилия и постигат целта; те нямат естествен талант. < / стр >
< стр клас = 'параграф 2' >
Успешните хора просто полагат много усилия и постигат целта; те нямат естествен талант.
Успешните хора просто полагат много усилия и постигат целта; те нямат естествен талант. < / стр >
< / див >
Изход
Как да промените разстоянието между абзаците в CSS?
„ марж ” може да добавя интервали между абзаците. Освен това, използвайки „ margin-bottom ” имотът би бил добър избор в този случай.
Нека добавим свойство за граница, за да покажем маргиналното пространство на видно място.
Стил “пара1” Клас
.параграф 1 {граница : 1px твърдо сиво ;
margin-bottom : 70px ;
}
„ .параграф 1 ” се използва за достъп до елемента
с идентификатор „ параграф 1 ” и приложете следните свойства:
- “ граница ” се прилага със стойността на ширината на рамката, стилът и цветът задава границата около абзаца.
- “ margin-bottom ” добавя място в долната част на абзаца.
Стил “пара2” Клас
.параграф 2 {граница : 1px твърдо сиво ;
}
„ ' елемент с идентификатор ' ал.2 ” също се прилага с границата с помощта на CSS „ граница ' Имот.
Може да се забележи, че интервалите са добавени успешно между абзаците:
Как да промените разстоянието вътре в абзаците в CSS?
CSS “ височина на линията ” се използва за добавяне на интервали между редовете на абзаца.
За да направите това, добавете свойството line-height към „ „елемент с идентификатор“ параграф 1 ”:
височина на реда: 2;Изход
Това беше всичко за промяна на интервалите между абзаците.
Заключение
За да промените интервалите между абзаците, първо добавете абзаци в HTML файла, като използвате „ ” елемент. След това CSS „ margin-bottom ” се използва за добавяне на интервал между абзаците. CSS “ височина на линията ” добавя интервали вътре в абзаците. Тази публикация разработи подробно процедурата за промяна на разстоянието между параграфите и вътрешността на параграфите.