Runde Ecken

[Cartman]

Ein Website-Designelement, das den Zeitgeist wiederspiegelt, ist die sog. runde Ecke bzw. rounded corner. Die entsprechenden Grafiken vorausgesetzt lassen sich mit ein paar Zeilen CSS schöne, harmonische Umrandungen für Textblöcke oder Bilder gestalten. Doch das Erzeugen der benötigten Ecken-Grafiken ist nicht jedermanns Sache, nicht alle WebWorker sind geborene Grafiker. Macht aber nix, dazu gibt’s ja das Internet, bei dem man immer wieder fündig wird. In diesem Fall bei RoundedCornr , einem Online-Generator, der nach Eingabe einiger Basisparameter die entsprechenden Grafiken und CSS-Deklarationen ausspuckt – noch nie waren runde (Nuss-)Ecken so geschmackvoll.

RoundedCornr

 

[user_chris]

auch nicht schlecht und ohne Bildchen...

Nifty Corners

 

[john-smith]

rundes eck

rundes eck oder eckiger kreis

aufjedenfall eine gute möglichkeit schnell an ergebnisse zu kommen

 

[rudi]

css

.linie1, .linie2, .linie3, .linie4 {display:block; overflow:hidden; font-size:1px;}
.linie1, .linie2, .linie3 {height:1px;}
.linie2, .linie3, .linie4 {background:ivory; border-left:2px solid #ccc; border-right:2px solid #ccc;}
.linie1 {margin:0 5px; background:#ccc;}
.linie2 {margin:0 3px; border-width:0 2px 0 2px;}
.linie3 {margin:0 2px;}
.linie4 {height:1px; margin:0 1px 0 1px;}

html dazu

<div id="roundbox">
<b class="linie1"></b>
<b class="linie2"></b>
<b class="linie3"></b>
<b class="linie4"></b>

Hier dan dein blablabla oder halt Bild


<b class="linie4"></b>
<b class="linie3"></b>
<b class="linie2"></b>
<b class="linie1"></b>
</DIV>