Изображение пользователя Рыбинок Екатерина Валерьевна

3_Computer science grade 10 CSS_did_material_ 2 variant

docx
09.05.2020

Публикация педагогических разработок

Бесплатное участие. Свидетельство автора сразу.
Мгновенные 10 документов в портфолио.

Добавить материал

3_Computer science grade 10 CSS_did_material_ 2 variant.docx

Didactical material

Name __________________ Class ______________________

Objective: CSS. 10.4.2.1 use HTML in web-development;

Create a CSS3 based button. On completion, the page will look like following

HTML button

[2]

Solution

<!doctype html>

<html>

<head>

<title>HTML CSS Exercise - create button with CSS3</title>

<style>

button {

width: 200px;

padding:8px;

background-color: #428bca;

border-color: #357ebd;

color: #fff;

-moz-border-radius: 10px;

-webkit-border-radius: 10px;

border-radius: 10px; /* future proofing */

-khtml-border-radius: 10px; /* for old Konqueror browsers */

text-align: center;

vertical-align: middle;

border: 1px solid transparent;

font-weight: 900;

font-size:125%

}

</style>

<title>Untitled Document</title>

</head>

<body>

<button>Subscribe Now</button>

</body>

</html>

Didactical material Name __________________

Материалы на данной страницы взяты из открытых источников либо размещены пользователем в соответствии с договором-офертой сайта. Вы можете сообщить о нарушении.