Just nu i M3-nätverket
Gå till innehåll
Die Nurdo

45 graders hörn mha CSS?

Rekommendera Poster

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

Dela detta inlägg


Länk till inlägg
Dela på andra webbplatser

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?

Dela detta inlägg


Länk till inlägg
Dela på andra webbplatser

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

Dela detta inlägg


Länk till inlägg
Dela på andra webbplatser

Skapa ett konto eller logga in för att kommentera

Du måste vara medlem för att kunna kommentera

Skapa ett konto

Skapa ett nytt konto på vårt forum. Det är lätt!

Registrera ett nytt konto

Logga in

Redan medlem? Logga in här.

Logga in nu



×
×
  • Skapa nytt...