Привет, как я уже говорил несколько раз, прежде чем я впервые познакомился с CSS-кодированием, я хочу знать, возможно ли создать стеклянный лист (vista / seven вроде, но без кнопок) вокруг шаблона, используя только CSS, я знаю как сделать закругленные углы:
<style type="text/css">
#box {
position: relative;
width: 100px;
}
.corner {
background: url('http://www.wreckedclothing.net/images/corners.gif') no-repeat 0 0; /* img from google */
display: block;
height: 10px;
position: absolute;
width: 10px;
}
.tl { top: 0; left: 0; background-position: 0 0; }
.tr { top: 0; right: 0; background-position: -22px 0; }
.bl { bottom: 0; left: 0; background-position: 0 -22px; }
.br { bottom: 0; right: 0; background-position: -22px -22px; }
.content {padding:10px;}
</style>
<div id="box">
<div class="corner tl"><!-- --></div>
<div class="corner tr"><!-- --></div>
<div class="corner bl"><!-- --></div>
<div class="corner br"><!-- --></div>
<div class="content">the name of jeremiah is jorge gonzaga I have no Idea where this came from!</div>
</div>
У меня уже есть графика, созданная в фотошопе и нарезанная
ex взято из ответа здесь, но как мне сделать, например, ручку div слева и автоматически развернуть до основания с некоторым запасом на нем? или это проще? Я просто не хочу использовать таблицы или даже худший JS (пока не знаю, как использовать этот язык) ...
Любой ответ будет оценен по достоинству!