Układ. Jak zaimplementować granicę wewnątrz bloku, a nie na jego granicy? Przykład w opisie

Autor:precia carraway

Chcę pozbyć się obrazu tła, zrobię gradient przez cienie-pole w css, ale jak zrobić linię przerywaną?
image

Musisz zrobić z jednym tagiem, a następnie podać go jqueryui.com/demos/button/
Jakieś pomysły?

Komentarze:
kontur: 1px przerywana na czerwono;
outline-offset: -4px; - d

Odpowiedzi

guillermo goddard

<div></div>


 

body{background:#000}
div{
width:100px;
height:30px;
background:#F00;
border:#FF0 dashed 1px;
border-radius:5px;
Box-shadow:0px 1px 0px #f00,0px -1px 0px #f00,1px 0px 0px #f00,-1px 0px 0px #f00;
}


Więc uzyskaj właściwy efekt, pamiętaj, że cień powinien wyglądać we wszystkich czterech kierunkach, aby nie zepsuć kształtu.
Odpowiedzi:
Wow, wygląda na to, że tego potrzebujesz ...
Dziękuję - pouriya parsa
Skończyłem trochę ...
 
	min-width: 100px;
	background: #aa0808;
	border: #fff dashed 1px;
	border-radius: 5px;
	box-shadow: inset #e20b0b -1px 26px 26px -13px, 0px 1px 0px #aa0808, 0px -1px 0px #e20b0b, 1px 0px 0px #aa0808, -1px 0px 0px #aa0808;
	text-align: center;
	color: #fff;
	text-shadow: #393939 1px 1px 0px;
	padding: 4px 10px 5px 12px;

Okazało się, że to właśnie :)
- colette pezley
melissa sandfort
kontur: 1px przerywana na czerwono;
outline-offset: -4px;
ali winter
Dodam CaptainQuazar. 4 cienie nie są potrzebne, wystarczy jedno.

 

<div></div>
<style>
body{background:#000}
div{
width:100px;
height:30px;
background:#F00;
border:#FF0 dashed 1px;
border-radius:5px;
Box-shadow:0px 0px 0px 2px #f00;
}
</style>
Odpowiedzi:
Dziękuję bardzo i zapomniałem o czwartym wskaźniku. - cyndie
b fay
kontur: 1px bryła #kolor;
Odpowiedzi:
ups.
przerywana, niezbyt solidna. - william j
nie wydaje się rysować obramowania bez wcięcia od krawędzi bloku. różni się od granicy tylko tym, że zajmuje przestrzeń wewnątrz samego bloku, i nie dodaje go na zewnątrz ... - teresa giugliano
chociaż ... może jest w porządku, to 1-pikselowe wcięcie to - noraini
, ale prawdopodobnie nie zrozumiałem, że potrzebuję wcięcia. Znaczenie tego konspektu polega na tym, że na tle tej klatki będzie czerwony gradient, a nie czarny (jak na zewnątrz). - john stahl
Ile doświadczony programista może dziś uzyskać? :: Jakiej książki zacząć naukę Java? :: Geograficznie rozproszone MySQL :: Najlepszy ORM dla C # :: Jakie książki należy przeczytać, aby dowiedzieć się, jak zaprojektować iPhone'a / iPada?
Zostaw odpowiedź
Linki