Zaokrąglone rogi


(Qba Ilza) #1

Witam!

Chcialbym zrobić zaokrągolne rogi na górze w tabelce.

Utworzoną mam tabelkę która oparta jest o style CSS.

Styl mam podzielone na 3 grupy.

Gora

Srodek

Dol

Na górnej belce chciałbym zrobic zaokrąglone rogi, tylko nie wiem jak to zrobic. Wolałbym skorzystać z obrazków;)

Kod "Gora'

td.gora

				{

		max-width:40px;

		width:8px;

		height:15px;

		background-image: url('tlo.gif');

		background-repeat: repeat-x;

		border-top: solid #888888 1px;

		border-bottom: solid #888888 1px;

		margin-top:10px;

}

(Adwody1) #2

Rogi możesz zaokrąglić w GIMP-ie.Ładujesz obrazek> zaznaczasz pole do zaokrąglenia zwykłem zaznaczeniem > Na dole w Przyborniku klikasz "Zaokrąglaj rogi">wybierasz promień zaokrąglenia. :slight_smile:


(Qba Ilza) #3

Co do obrazków to wiem jak je wykonać w programie graficznym tylko nie wiem jak ich użyć w stylu CSS.

Chciałbym aby tak to wyglądało

Obrazek (prawy róg zaokrąglony) Dalej normalne tło ustawione na repeat-x, następnie obrazek (lewy róg zaokrąglony).


(Sitemaster) #4

http://www.cssjuice.com/25-rounded-corn ... -with-css/