CSS: Wie abgerundete Ecke mit Rahmen und keine Bilder hinzufügen?

Question

Gibt es so etwas, das mit IE arbeiten kann? Keine Bilder und mit Grenzen?

http://www.css3.info/preview/rounded-border/ 

Answer 1

Mit CSS3 können Sie dies ohne Verwendung von Bildern erreichen.

Aber wird nicht in vielen Browsern unterstützt.

Answer 2

ich nicht versucht haben, aber Sie können auf dieser

Nifty Corners Cube: rounded corners without images - 
URL is http://www.html.it/articoli/niftycube/index.html 

einen Blick OR können Sie

JQuery Corners - 
http://www.atblabs.com/jquery.corners.html 

Beispiel zur Nutzung versuchen -

<div style="background-color:#acc; padding:10px" class="rounded"> 
    Example with different x and y sizes. 
</div> 
<script>$(document).ready(function(){ 
    $('.rounded').corners("30px 10px"); 
});</script> 

Works with: 

    * iPhone 
    * Chrome 
    * Firefox 
    * Safari 2+ 
    * Opera 9.0+ 
    * Internet Explorer 6+ 
    * and probably more... 

Answer 3

Nifty Corners Cube versuchen, aber es Es ist nicht möglich, eine andere Farbe als die innere Hintergrundfarbe zu verwenden. Sie müssen einen Workaround finden (geschickte Ecke in einer schicken Ecke). Sie können auch jQueryUI 's themoller auschecken. Es verwendet Bilder, aber Sie können es verwenden, um Ihr eigenes Thema zu entwerfen, und alles, was Sie tun müssen, ist, das ganze Paket herunterzuladen, das die Indexe, die Arten und die Bilder enthält. Schau dir den Teil an, wo du Highlight/Error erstellen kannst.

Hier ist ein Beispiel des raffinierten Eckenwürfels in einer anderen schicken Ecke. Sehen Sie sich einfach die Quelle an. Nifty Corners Cube sample

Answer 4

Versuchen Sie dieses:

http://www.cssplay.co.uk/boxes/curves.html

Diese Methode verwendet keine Bilder, kein Javascript, aber ein wenig mehr HTML mit CSS.

Grundsätzlich basiert diese Methode auf der Verwendung von Aufzählungszeichen (•). Kugeln erhalten die gewünschte Farbe und werden in den vier Ecken der Box platziert. Die Box ist relativ positioniert, die Kugeln sind absolut positioniert. Das heißt, sie sind absolut relativ zur übergeordneten Box positioniert.