Границы элементов в CSS.
Стиль границы
Свойство border-style, указывает на то, какой тип границы будет отображаться.
Параметры свойства border-style:
none:граница отсутствуетsolid:сплошная граница
dotted:граница из точек
dashed:пунктирная граница
groove:ваша граница 3D рельефная
ridge: 3D хребтообразная граница
outset: 3D выпуклая граница
inset: 3D вдавленная граница
Толщина, высота, ширина границы и её цвет:
- Чтобы увеличить толщину границы используют свойство border-width:10px;
- Чтобы увеличить высоту границы используйте свойство height:40px;
- Чтобы изменить цвет границы используйте свойство border-color:...;
- Чтобы увеличить ширину границы используйте свойствоwidth:200px;
<!Doctype html> <html> <HEAD><style type="text/css"> p.q1{border-style:например, inset; border-width:10px;/ толщина границы; height:50px;/ высота границы width:350px;/ ширина границы border-color:#0300B3 } </style><title>......... </title> </HEAD> <body> <p class="q1"> ваг текст</p> </body> </html> |
Результат :
ваш текст