webForumDet fria alternativet

Runda kanter

HTML & CSS

6 svar · 1 434 visningar · startad av Beat

Medlem sedan okt. 200732 inlägg
Frågan#1

Jag har sett på en mängd olika hemsidor att bilder och liknande har runda hörn. Men jag undrar är det någon som går att göra i css eller måste man göra bilden så själv? För jag undrar om det går att göra så att när man laddar upp en bild med php så att det blir ett runt hörn eller om man själv måste göra om den i ex. Photoshop först.

Medlem sedan feb. 2007278 inlägg
#2

Runda hörn eller runda kanter (3-D effekt)?

Det sista kan man få med "ridge": http://reference.sitepoint.com/css/border-style

Medlem sedan okt. 200732 inlägg
#3

Runda hörn är det jag menar

Medlem sedan juli 20003 825 inlägg
#4

Tack!!

Medlem sedan aug. 20068 090 inlägg
#5

Beat skrev:

Runda hörn är det jag menar

Finns lite olika knep. Sök på t.ex. "round corners" eller "round corners css" så får du massor att välja bland.

Medlem sedan feb. 2007278 inlägg
#6

I all hast: Tre huvudspår:

1. CSS 3 som det finns experimentellt stöd för i FFox och Safari

2. CSS + bilder + html

3. Javaskript som skapar samma resultat som i steg 2: http://www.456bereastreet.com/archive/200609/transparent_custom_corners_and_borders_version_2/

Det finns för och nackdelar med alla tre vägarna.

Medlem sedan feb. 2007278 inlägg
#7

Ett tips på en ny resurs jag såg idag: http://www.cssglobe.com/post/1415/3-simple-steps-in-coding-a-rounded-corners-layout

309 ms totalt · 4 externa anrop · v20260731065814-full.1dc6f849
138 ms — deklarationer (db)
0 ms — hämta statistik (cache)
168 ms — hämta tråd, inlägg och bilagor (db)
139 ms — ändringar (db)