Pretty baby spin-doktorer http://1apotekonline.com/cialis/ sterling sølv pille kasse
Runda hörn med CSS

Runda hörn med CSS

Runda hörn på bloggen kan man skapa antingen med hjälp av bilder, eller så använder man sig av CSS.

Det absolut lättaste sättet är att använda sig av CSS, för då sköts allt med kod, istället för att man måste skapa olika typer av bilder.

Så här kan ett exempel se ut:

Den här rutan har runda hörn, men du kan bara se det om du har en nyare version av webbläsare.

Dock så finns det lite begränsningar i det hela och det är att man måste ha en nyare version av webbläsare för att det ska synas. Har man t ex en äldre version av Internet Explorer så funkar det inte, men förhoppningsvis så uppdaterar folk sina webbläsare med tiden, så då kan man ju använda sig av detta.

Så här gör man:

1. Kopiera koden nedanför:

 -webkit-border-radius: 15px; /* Saf3-4, iOS 1-3.2, Android <e;1.6 */
 -moz-border-radius: 15px; /* FF1-3.6 */
 border-radius: 15px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */

2. Lägg in koden i din stilmall, i det element som du vill ska ha rundade hörn.
Om du vill att din wrapper ska ha runda hörn, då lägger du in koden i stilmallen där du har koden för wrapper.
Runda hörn på bloggen med css

Det här kan du göra på många olika element på din blogg, så det är bara att testa dig fram. Här ser du skillnaden:

Om du vill göra själva böjen i hörnet mindre eller större, då ändrar du värdet som i exemplet är 15px.
Svårare än så är det inte.

Lycka till!

Skribent och ansvarig för DDB. Driver Designa din blogg sedan juni 2015. Har bland annat studerat webbdesign, marknadsföring och online strategier både i Sverige och USA. Jobbar inom IT.

Läs mina andra inlägg

Lämna ett svar

Din e-postadress kommer inte publiceras.