HTML CSS Упражнение: стиль первой буквы и первой строки
Решение:
HTML-код:
<!doctype html>
<html>
<head>
<title>HTML CSS Exercise - Style first letter and first line</title>
<style type="text/css">
.container{
width:500px;
}
p::first-letter{
color: #4b6c9c;
font-weight:bold;
font-size:150%
}
p::first-line{
color: #5ac4ed;
}
</style>
</head>
<body>
<div class="container">
<p>In 1986 the Defense Advanced Research Projects Agency (DARPA), the Army Research Office (ARO), the National Science Foundation (NSF), and ESL, Inc sponsored Berkeley POSTGRES Project which was led by Michael Stonebraker.</p>
</div>
</body>
</html>
Демонстрация в реальном времени:
См. Pen's style-first-letter-and-first-line-answer от w3resource ( @ w3resource ) в CodePen .
Поддерживаемый браузер
 |  |  |  |  |
| да | да | да | да | да |
Каков уровень сложности этого упражнения?
Новый контент: Composer: менеджер зависимостей для PHP , R программирования
disqus2code