• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

question-closed Styl obramowania jako linia wklęsła prosta (border-style: inset)

VPS Starter Arubacloud
0 głosów
485 wizyt
pytanie zadane 17 listopada 2017 w HTML i CSS przez Krzysiek_34 Mądrala (6,050 p.)
zamknięte 19 listopada 2017 przez Krzysiek_34

Witam.

Chciałbym do każdego obramowania ustalić kolor, ale prawy i dolny kolor obramowania jest zbyt rozjaśniony:

.border-image2
{
	border-width: 18px;
	border-style: inset;
	border-color: #000000 #FF0000 #008000 #414141;
	width: 64px;
	height: 48px;
	outline: 2px solid #000000;
}

W praktyce wygląda to następująco:

Górny kolor obramowania ustalony jako kolor czarny #000000 (jest ok)

Prawy kolor obramowania ustalony dla testu jako kolor czerwony #FF0000 (zrobił sie jasnoczerwony)

Dolny kolor obramowania ustalony dla testu jako kolor zielony #008000 (zrobił sie jasnozielony)

Lewy kolor obramowania ustalony jako ciemnoszary #414141 (jest ok)

 

Pewnie ten inset jest tak ustalony i nie da sie tego przeskoczyć.

Byłoby dobrze, gdyby dałoby sie bez żadnych rozjaśnień ustalać kolory w prawym i dolnym obramowaniu.

Chciałbym, aby prawe + dolne obramowanie wyglądało tak samo jak lewe + górne. Wtedy bedzie to fajnie wyglądało.

Jak zrobić, aby prawy i dolny kolor obramowania nie był zbyt rozjaśniony przy tym inset?

komentarz zamknięcia: Problem został rozwiązany.
komentarz 18 listopada 2017 przez Krzysiek_34 Mądrala (6,050 p.)

Z tymże, gdy pobiorę jakiś border z neta i zapiszę w CSS:

border-image-source: url(obrazki/border.png);

to pojawi sie problem z umieszczeniem obrazka w środku tego borderu. Jak zrobić, aby obrazek pojawił sie w środku tego borderu nie ustalając pozycjonowania (left, top, right, bottom)? Chodzi mi o to, aby obrazek pojawił się AUTOMATYCZNIE w borderze. Ewentualnie stosując wyśrodkowanie.

komentarz 18 listopada 2017 przez Michał Muzyka Pasjonat (24,080 p.)
w sensie? jakieś foto najlepiej
komentarz 18 listopada 2017 przez Krzysiek_34 Mądrala (6,050 p.)
Podasz jakąś fajną stronę ze zdjęciami borderów? Bo nic ciekawego nie znalazłem. Jedynie tylko jakieś animowane bordery.
komentarz 18 listopada 2017 przez Michał Muzyka Pasjonat (24,080 p.)
nigdy nie korzystałem z customowych borderów więc nie jestem w stanie
komentarz 18 listopada 2017 przez Krzysiek_34 Mądrala (6,050 p.)
edycja 19 listopada 2017 przez Krzysiek_34

Przykładowe foto:

To foto ma rozdzielczość 423x479. Mogę je zmniejszyć do rozdzielczości 74x84, aby w miejscu zielonego tła pojawił się obrazek.

W miejscu gdzie jest zielone tło, ma się pojawić obrazek o rozdzielczości 64x48. Rozdzielczość obrazka ma zostać nienaruszona.

Wiesz jak zrobić, aby obrazek pojawił sie w miejscu tego zielonego tła nie ustalając pozycjonowania (left, top, right, bottom)?

Chodzi mi o to, aby obrazek pojawił się AUTOMATYCZNIE w miejscu tego zielonego tła. Ewentualnie stosując wyśrodkowanie.

Od razu dodam, że nie mam zamiaru tego robić w żadnym programie graficznym, tylko w HTML + CSS.

Podobne pytania

0 głosów
1 odpowiedź 220 wizyt
+1 głos
0 odpowiedzi 139 wizyt
pytanie zadane 1 czerwca 2016 w HTML i CSS przez Sebastian Szyja Bywalec (2,810 p.)
0 głosów
1 odpowiedź 230 wizyt
pytanie zadane 16 września 2018 w HTML i CSS przez kevin Mądrala (5,010 p.)

92,454 zapytań

141,263 odpowiedzi

319,099 komentarzy

61,854 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

Akademia Sekuraka 2024 zapewnia dostęp do minimum 15 szkoleń online z bezpieczeństwa IT oraz dostęp także do materiałów z edycji Sekurak Academy z roku 2023!

Przy zakupie możecie skorzystać z kodu: pasja-akademia - użyjcie go w koszyku, a uzyskacie rabat -30% na bilety w wersji "Standard"! Więcej informacji na temat akademii 2024 znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...