Skip to main content
AK аватар

Студенты, приветствую!

Публикуем два скриншота (без css-файа и с ним ) и код файла style.css
 

Удачи, успехов и здоровья! =)

  
С уважением, Александр Кобзов

ПИЭ-21, Интернет-программирование, ЛР№11.3, вариант 7


body {
  font-family: URW Chancery L, cursive; /* Семейство шрифтов */
  font-size: 11pt; /* Размер основного шрифта в пунктах  */
  background-color: #FFEBCD; /* Цвет фона веб-страницы */
  color: #333; /* Цвет основного текста */
}
h1 {
  color: #BC8F8F; /* Цвет заголовка */
  font-size: 30pt; /* Размер шрифта в пунктах */
  font-family: URW Chancery L, cursive; /* Семейство шрифтов */
  font-weight: normal; /* Нормальное начертание текста  */
  text-align: center;
}
p {
  text-align: center; /* Выравнивание по ширине */
  margin-left: 70px; /* Отступ слева в пикселах */
  margin-right: 70px; /* Отступ справа в пикселах */
  border-left: 2px solid #D8BFD8; /* Параметры линии слева */
  border-bottom: 2px solid #D8BFD8; /* Параметры линии снизу */
  padding-left: 10px; /* Отступ от линии слева до текста  */
  padding-bottom: 10px; /* Отступ от линии снизу до текста  */
}

ПИЭ-21, Интернет-программирование, ЛР№11.3 (вариант№05)




ПИЭ-21, Интернет-программирование, ЛР№11.3 (Вариант 04)




ПИЭ-21, Lab№11.3 (работа с CSS), 8-вариант


ПИЭ-21, Интернет-программирование, ЛР№11.3, 03-вариант.



body {
  font-family: Arial, Verdana,  sans-serif; /* Семейство шрифтов */
  font-size: 11pt; /* Размер основного шрифта в пунктах  */
  background-color: #f0f0f0; /* Цвет фона веб-страницы */
  color: #333; /* Цвет основного текста */ 
}
h1 {
  color: #00BFFF;/* Цвет заголовка */
  font-size: 24pt; /* Размер шрифта в пунктах */
  font-family: Georgia, Times, serif; /* Семейство шрифтов */
  font-weight: normal; /* Нормальное начертание текста  */
}
p {
  text-align: justify; /* Выравнивание по ширине */
  margin-left: 60px; /* Отступ слева в пикселах */
  margin-right: 10px; /* Отступ справа в пикселах */
  border-left: 1px solid #999; /* Параметры линии слева */
  border-bottom: 1px solid #999; /* Параметры линии снизу */
  padding-left: 10px; /* Отступ от линии слева до текста  */
  padding-bottom: 10px; /* Отступ от линии снизу до текста  */
}

ПИЭ-21, Интернет-программирование, ЛР№11.3, 10 вариант



body {
  font-family: Palatino Linotype; /* Семейство шрифтов */
  font-size: 16pt; /* Размер основного шрифта в пунктах  */
  background-color: #A767D5; /* Цвет фона веб-страницы */
  color: #C0F56E; /* Цвет основного текста */ 
}
h1 {
  color: #F9FE72; /* Цвет заголовка */
  font-size: 35pt; /* Размер шрифта в пунктах */
  font-family: Batang; /* Семейство шрифтов */
  font-weight: normal; /* Нормальное начертание текста  */
}
p {
  text-align: justify; /* Выравнивание по ширине */
  margin-left: 60px; /* Отступ слева в пикселах */
  margin-right: 10px; /* Отступ справа в пикселах */
  border-left: 1px solid #999; /* Параметры линии слева */
  border-bottom: 1px solid #999; /* Параметры линии снизу */
  padding-left: 10px; /* Отступ от линии слева до текста  */
  padding-bottom: 10px; /* Отступ от линии снизу до текста  */
}

ПИЭ-21, Интернет-программирование, ЛР№11.3, 9 вариант


body {
  font-family: Time New Romans; /* Семейство шрифтов */
  font-size: 15pt; /* Размер основного шрифта в пунктах  */
  background-color: #DCDCDC; /* Цвет фона веб-страницы */
  color: #800080; /* Цвет основного текста */ 
}
h1 {
  color: #FF0000; /* Цвет заголовка */
  font-size: 30pt; /* Размер шрифта в пунктах */
  font-family: BatangChe; /* Семейство шрифтов */
  font-weight: Bold Italic; /* Нормальное начертание текста  */
}
p {
  text-align: justify; /* Выравнивание по ширине */
  margin-left: 60px; /* Отступ слева в пикселах */
  margin-right: 250px; /* Отступ справа в пикселах */
  border-left: 3px solid #999; /* Параметры линии слева */
  border-bottom: 0px solid #999; /* Параметры линии снизу */
  padding-left: 10px; /* Отступ от линии слева до текста  */
  padding-bottom: 10px; /* Отступ от линии снизу до текста  */
}

ПИЭ-21, Интернет-программирование, ЛР№11.3, вариант 01



body {
  font-family: Arial, Verdana,  sans-serif; /* Семейство шрифтов */
  font-size: 11pt; /* Размер основного шрифта в пунктах  */
  background-color: black; /* Цвет фона веб-страницы */
  color: orange; /* Цвет основного текста */ 
  background-image: url('2.jpg');
  background-size: no-repeat;
  background-position: center;
  background-size: cover;
  height: 750px;
  width: 600px;
}
h1 {
  color: orange; /* Цвет заголовка */
  font-size: 24pt; /* Размер шрифта в пунктах */
  font-family: Georgia, Times, serif; /* Семейство шрифтов */
  font-weight: normal; /* Нормальное начертание текста  */
}
p {
  text-align: justify; /* Выравнивание по ширине */
  margin-left: 60px; /* Отступ слева в пикселах */
  margin-right: 60px; /* Отступ справа в пикселах */
  /*border-left: 1px solid #999; /* Параметры линии слева */
  /*border-bottom: 2px solid #999; /* Параметры линии снизу */
  border: 1px dashed yellow; /* Параметры линии снизу */
  padding-left: 10px; /* Отступ от линии слева до текста  */
  padding-right: 10px;
  padding-bottom: 10px; /* Отступ от линии снизу до текста  */
  padding-top: 15px;
  color: cyan;
}


 

ПИЭ-21, Интернет-программирование, ЛР№11.3, вариант 6



body {
  font-family: Arial, Verdana,  sans-serif; /* Семейство шрифтов */
  font-size: 11pt; /* Размер основного шрифта в пунктах  */
  font-style:italic;
  background-image:url(https://i.pinimg.com/originals/17/83/6b/17836b7698244921e54d21f449512edd.jpg);
  background-color: #D3D15C; /* Цвет фона веб-страницы */
  color: #333; /* Цвет основного текста */ 
}
h1 {
  border-bottom:5px solid #F21212;
border-radius:100%;
  text-align:center;
  color: #F21212; /* Цвет заголовка */
  font-size: 24pt; /* Размер шрифта в пунктах */
  font-family: Georgia, Times, serif; /* Семейство шрифтов */
  font-weight: normal; /* Нормальное начертание текста  */
}
p {
  font-style: italic;
  font-weight:600;
  text-align: justify; /* Выравнивание по ширине */
  margin-left: 60px; /* Отступ слева в пикселах */
  margin-right: 60px; /* Отступ справа в пикселах */
  border-left: 5px solid #F21212; /* Параметры линии слева */
  border-bottom: 10px solid #F21212; /* Параметры линии снизу */
  padding-left: 10px; /* Отступ от линии слева до текста  */
  padding-bottom: 10px; /* Отступ от линии снизу до текста  */
border-radius:40px;
color:#FFFFFF;
}


 


  Понравился сайт? =)
Нашли что-нибудь интересное? =)
  Поддержите! =)

 



 
WMR: Р915341154920 WMZ: Z385068809487
WME: E228864904353  WMB: X116168057060
 
Мы - Вас - не забудем, Веришь.Нет? =)
P.S. И сделаем еще что-нибудь, полезное и нужное... Правда-правда =)))