2009-06-23 8 views
-1

Ist es möglich, abgerundete Ecken oder geschnittene Ecken für eine Box mit CSS zu haben? Wenn ja, lass mich bitte den Weg wissen.CSS Box Shapes

Danke.

+1

Willkommen bei StackOverflow, aber bitte entfernen Sie Ihre E-Mail-Adresse. SO Mitglieder posten immer alle Antworten, damit alle davon profitieren können. –

+0

Bitte überprüfen Sie diese SO Frage: [Was ist der beste Weg zu schaffen-abgerundete Ecken-using-css] (http://stackoverflow.com/questions/7089/what-is-the- best-way-to-create-abgerundete Ecken-using-css) –

Antwort

2

Es ist möglich, abgerundete Ecken haben:

.element {-webkit-border-radius: 1em; /* applies to all four corners */ 
      -webkit-border-top-left-radius: 1em; /* applies to only the identified (top left) corner) */ 
      -webkit-border-top-right-radius: 1em; 
      -webkit-border-bottom-left-radius: 1em; 
      -webkit-border-bottom-right-radius: 1em; 

      -moz-border-radius: 1em; /* applies to all four corners */ 
      -moz-border-radius-topleft: 1em; /* applies only to identified (top left) corner */ 
      -moz-border-radius-bottomright: 1em /* and so on... */ 

      border-radius: 1em; /* CSS 3 only */ 
      border-top-right-radius: 1em; /* Applies to only identified (top right) corner */ 
} 

verweise ich Sie auf: http://www.the-art-of-web.com/css/border-radius/

Slashed Ecken, glaube ich, würde nur mit Bildern machbar sein.