СSS

Как CSS работает и его примеры.

1.

Именно вот этот текст мы увеличим, и поменяем цвет!


Вот как это можно написать: 

<p>Именно вот этот текст мы увеличим, и поменяем цвет!</p>
<style>
p{
    font-size: 120%;
    color: red
}
</style>


2.


Текст c фоном


Пишем вот эти значения и получаем результат 

<h2 style="background-color:orange;">Текст c фоном </h2>


3.


рамка


Вот как это выглядит внутри 

<style>
h2.border {border-style: solid;}
</style>
<h2 class="border">рамка</h2>


4.


Создадим строку, где можно писать


Как это создать 

<style> 
input {
  width: 100%;
}
</style>
</head>
<body>

<h3>Создадим строку, где можно писать</h3>

<form>
  <label for="fname">Пиши, что хочешь</label>
  <input type="text" id="fname" name="fname">
</form>

</body>
</html>


5.

Рамки

Как сделано 

<style>
h5 {
  background-color: lightgrey;
  width: 300px;
  border: 15px solid green;
  padding: 50px;
  margin: 20px;
}
</style>
<h5>Рамки</h5>
Подписаться на: Сообщения (Atom)