45 graders hörn mha CSS?

[Die Nurdo]

Jag skulle vilja ha en ruta där jag anger en border, men där nedre högra hörnet är snett i 45 graders vinkel. En lösning är naturligtvis att ha en bakgrundsbild med border och ett snett hörn, men det borde gå att fixa med CSS tycker jag.

 

Fick ett förslag från en kompis som tyckte att om man sätter en bild av ett snett hörn inuti ett span-element i en div och mha position:absolute eller relative skulle man kunna flytta upp bilden med z-index och sedan flytta ner och ut bilden ett par pixlar mha bottom: -2px; till exempel för att flytta ut den ovanpå bordern.

 

Är han/jag rätt ute eller kan man lösa det på ett bättre sätt?

 

/DN

[lasdjfk]

Du kan ju kolla in -moz-outline. Fast är väl mer för rundade hörn och funkar nog bara i firefox...

[Die Nurdo]

Du kan ju kolla in -moz-outline. Fast är väl mer för rundade hörn och funkar nog bara i firefox...

 

Tack för tipset, dessvärre är -moz -outline utdaterat och ersatt av CSS outline-style, som inte kan göra något med själva hörnen.

 

Några andra tips?

[Signe_1]

Här:http://webdesignskolan.se/css-effekter/css-effekter.htm kan du läsa hur man bygger runda hörn i css. En annan sak är dock om du kan få till en border på det. Annars får du nog ta och använda dig av bilder