Как создать свой сайт на языках HTML и CSS.
Границы.
Для того чтобы изменить вид границы используется свойство.Стиль границы можно изменить отдельно для каждой стороны.
top-верхняя граница,
bottom-нижняя граница,
left-левая граница,
right-правая граница.
Чтобы задать какие-нибудь характеристики для каждой границы свои,то напишем.:
border-top
border-bottom
border-left
border-right
Характеристики границы:
color-цвет границы,
style-тип линии,
width-толщина границы.
Если мы хотим задать цвет для каждой границы свой,то напишем:
border-color-мы зададим цвет для всех границы,
border-color-top-мы зададим цвет только для верхней границы.
Свойство style может принимать следующие значения:
none-границ нет
dotted-граница ввиде точек,
dashed-граница ввиде пунктирной линии,
solid-граница ввиде сплошной линии,
double-граница ввиде двойной сплошной линии,
inset-текстовое поле находится внутри,
outset-текстовое поле находится снаружи
ridge-выпуклая граница,
groove-вдавленная граница.
none--границ нет
dotted-граница ввиде точек,
dashed-граница ввиде пунктирной линии
solid-граница ввиде сплошной линии
double-граница ввиде двойной сплошной линии
inset-текстовое поле находится внутри
outset-текстовое поле находится снаружи
ridge-выпуклая граница
groove-вдавленная граница
Для каждой границы можно задать свой цвет,свой тип линии и свою толщину.<!DOCTYPE HTML>
<HTML>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
.ewq{border-top-color:#0c9c0d;
border-top-style:dashed;
border-bottom-style:outset;
border-left-color="#070A46"
border-left-style:double;
border-right-color:#000000;
border-right-style: solid;border-right-color:#ffffff;
border-left-width:5px
</style>
</head>
<body>
<p class="ewq">Текст</p>
</body>
</html>
Страница в браузере:
Текст