HTML CSS упражнение: вычисление значений с помощью CSS3 calc ()
Решение:
HTML-код:
<!doctype html>
<html>
<head>
<title>HTML CSS Exercise - calculating values with CSS3</title>
<style type="text/css">
.container{
/* Calculate the width */
width: calc(500px - 10%);
background-color:#ec8007;
color:#fff;
text-align:center;
padding:10px;
margin: 0 auto;
}
</style>
</head>
<body>
<div class="container">
<p>CSS3 <em>calc</em> example</p>
</div>
</body>
</html>
Демонстрация в реальном времени:
См. Pen Calculate -values-with-calc () - ответ w3resource ( @ w3resource ) на CodePen .
Поддерживаемый браузер
 |  |  |  |  |
| да | да | да | да | да |
Каков уровень сложности этого упражнения?
Новый контент: Composer: менеджер зависимостей для PHP , R программирования
disqus2code