Sapipeti eredeti hozzászólása
Táblázattal és képekkel meg tudod oldani:
sarok keret sarok
keret tartalom keret
sarok keret sarok
Jelenleg nekem is ez a legjobb ötletem, de ennél elegánsabbat szeretnék.
Valami olyasmit, mint ez:
HTML kód:
<html>
<head>
<style type="text/css">
b.rtop, b.rbottom{display:block;background: #FFF}
b.rtop b, b.rbottom b{display:block;height: 1px;
overflow: hidden; background: #9BD1FA}
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}
.rs1{margin: 0 2px}
.rs2{margin: 0 1px}
div.container{ margin: 0 10%;background: #9BD1FA}
</style>
</head>
<body>
<div class="container">
<b class="rtop">
<b class="r1"></b> <b class="r2"></b> <b class="r3"></b> <b class="r4"></b>
</b>
<h1 align="center">Hi!</h1>
<p>This is an implementation of the Nifty Corners With big corners.</p>
<b class="rbottom">
<b class="r4"></b> <b class="r3"></b> <b class="r2"></b> <b class="r1"></b>
</b>
</div>
<br /><br />
<div class="container">
<b class="rtop">
<b class="rs1"></b> <b class="rs2"></b>
</b>
<h1 align="center">Hi!</h1>
<p>This is an implementation of the Nifty Corners With small corners.</p>
<b class="rbottom">
<b class="rs2"></b> <b class="rs1"></b>
</b>
</div>
</body>
</html>
Könyvjelzők