Упражнение с рамки

Натиснете бутона, разгледайте видовете рамки, след това променете размер и цвят

<html>
<head>
<style>
none{border-style: none;} /* без рамка*/
p.dotted {border-style: dotted;}/*рамка, изградена от точки*/
p.dashed {border-style: dashed;} /*рамка - прекъсната линия*/
p.solid{border-style: solid;} /*рамка с една плътна линия*/
p.doubl{border-style: double;} /*рамка с две плътни линии*/
p.groove{border-style: groove;} /*триизмерна вдлъбната рамка*/
p.ridge{border-style: ridge;} /*триизмерна изпъкнала рамка */
p.inset{border-style: inset;} /*триизмерна обърната навътре рамка*/
p.outset{border-style: outset;}  /*триизмерна обърната навън рамка*/
.dotted, .dashed, .solid, .doubl, .groove, .ridge, .inset, .outset {
border-color: green;
border-width: 7px;
}
p {padding:0.5em;}
}
</style>
</head>
<body>
<h1>Видове рамки</h1>
<p class="none">Параграф без рамка</p>
<p class="dotted">Параграф с рамка, изградена от точки</p>
<p class="dashed">Параграф с рамка - прекъсната линия</p>
<p class="solid">Параграф с рамка с една плътна линия</p>
<p class="doubl">Параграф с рамка с две плътни линии</p>
<p class="groove">Параграф с триизмерна вдлъбната рамка</p>
<p class="ridge">Параграф с триизмерна изпъкнала рамка</p>
<p class="inset">Параграф с триизмерна обърната навътре рамка</p>
<p class="outset">Параграф с триизмерна обърната навън рамка</p>
</body>
</html>

Георги Тодоров

Бъди промяната, която искаш да видиш в света!

Упражнение с рамки

Натиснете бутона, разгледайте видовете рамки, след това променете размер и цвят

Уроци по ИТ