Pomocy - border, programowanie, CSS/HTML

Question

Witam,

Mam następujący problem próbuję zrobić coś takiego:

 

 

 

No i kilka razy probuje juz pisac kod ale nigdy mi to nie wychodzi!!!

nawet border obok moj profil który próbuje zrobić wklesly jak na zdjeciu wyzej :D

problem mam rowniez z tlem od lewej idzie jasny a czym blizej konca kolor sie przyciemnia :D pomóżcie proszę wrzucam rownierz zalacznik z calym folderem. :D https://www.dropbox.com/sh/e6ow769flulc9ms/AACNoctoAjq9rUFzSpSq4XCsa?dl=0

 

Comments

kazdy wie jak dodac tlo tylko niewie jak je przyciemnic albo skad wziac takie juz przyciemnione niebieskie tło

---

Pobierz z internetu :)

---

a podasz link ? do tego tła?

---

http://www.colorzilla.com/gradient-editor/

---

Polecam skorzystać z  właściwości background i wartość ustawić za pomocą gradient linear. Link http://www.w3schools.com/css/css3_gradients.asp.

Answer 1

z pliku albo gradient

Comments

a jak z tego :

background: rgba(179,220,237,1);
background: -moz-linear-gradient(left, rgba(179,220,237,1) 0%, rgba(41,184,229,1) 99%, rgba(188,224,238,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(179,220,237,1)), color-stop(99%, rgba(41,184,229,1)), color-stop(100%, rgba(188,224,238,1)));
background: -webkit-linear-gradient(left, rgba(179,220,237,1) 0%, rgba(41,184,229,1) 99%, rgba(188,224,238,1) 100%);
background: -o-linear-gradient(left, rgba(179,220,237,1) 0%, rgba(41,184,229,1) 99%, rgba(188,224,238,1) 100%);
background: -ms-linear-gradient(left, rgba(179,220,237,1) 0%, rgba(41,184,229,1) 99%, rgba(188,224,238,1) 100%);
background: linear-gradient(to right, rgba(179,220,237,1) 0%, rgba(41,184,229,1) 99%, rgba(188,224,238,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3dced', endColorstr='#bce0ee', GradientType=1 );

zrobić background`a ?

---

skopiuj całą przed-ostatnią linijkę

Answer 2

Jeśli chodzi o tło to zastosuj linear-gradient 

Więcej informacji masz tutaj http://webkod.pl/kurs-css/lekcje/dzial-1/css3-gradienty-liniowe-oraz-promieniste

Jeśli chodzi o obramowanie to sprawdź jak zadziała styl groove zamiast solid. Zapewne nie będzie to ten sam efekt, ale warto sprawdzić jak to wyjdzie.