{
border: 30px solid #40c4c8; //Обводка в 30пикселей вокруг дива цветом #40c4c8
-moz-border-image: url(images/bg-image.png) 30 round round;
-webkit-border-image: url(images/bg-image.png) 30 round round;
-o-border-image: url(images/bg-image.png) 30 round round;
border-image: url(images/bg-image.png) 30 round round;
}
а остальное - Для ПК выводит картинку для скругления дива
Изм. 1 раз. / Посл. изм. (15 июл 2013, 22:19)
[мошенник] Это див на котором лежит еще один див
CoolBoy, эт понятно, а как зделать на второй див закрученые углы и чтоб их было видно с телефона?
Тока со смарта и пк будут круглые углы
PraRoK, блин, а вобще както возможно имитировать закрученые углы?
[мошенник] .first{
background: black;
border-radius: 20%;
border: 1px solid skyblue;
padding: 3px;
margin: 55px;
font-color: red;
font-size: 18px;
font-family: \'comic sans ms\', arial;
width: 320px;
height: 320px;
}
.second{
width: 120px;
height: 120px;
background: white;
}
И html код
<html>
<head>
<title>углы</title>
<meta chatset=\"UTF-8\">
<link rel=\"stylesheet\" type=\"text/css\" href=\"style.css\">
</head>
<body>
<div class=\"first\">Угол1
<div class=\"second\">Угол2
</div></div>
</body>
</html>
посмотри еще :
position: relative;
position: absolute;
position: fixed;
z-index:
===================
через них сможешь сделать наложение одного блока на другой...
===================
transform: rotate()
===================
используя префиксы сможешь поворачивать блок по осям X,Y и Z...
anti_dot, можеш написать примерный код чтоб были з чотырёх сторон закрученые углы и чтоб было видно с мобилы?
CoolBoy, этим с пособом с мобилы будет закрученые углы видно?
