Pular para o conteúdo principal

Tutorial CSS: Bordas




Neste tutorial vamos ver como trabalhar com bordas utilizando CSS








Propriedades da borda




border-width:...............espessura da borda

border-style:................estilo da borda

border-color:................cor da borda

-----------------------------------------

border-top-width:.........espessura da borda superior

border-top-style:..........estilo da borda superior

border-top-color:..........cor da borda superior

-----------------------------------------

border-right-width:.......espessura da borda direita

border-right-style:........estilo da borda direita

border-right-color:........cor da borda direita

-----------------------------------------

border-bottom-width:...espessura da borda inferior

border-bottom-style:....estilo da borda inferior

border-bottom-color:....cor da borda inferior

-----------------------------------------

border-left-width:........espessura da borda esquerda

border-left-style:.........estilo da borda esquerda

border-left-color:.........cor da borda esquerda

Maneira abreviada de trabalhar






border-top:........todas as propriedades da borda superior

border-right:.......todas as propriedades da borda direita

border-bottom:...todas as propriedades da borda inferior

border-left:........todas as propriedades da borda esquerda

border:..............todas as quatro bordas



Valores para serem setados nas propriedades da borda



color:

código hexadecimal: #FFFFFF

código rgb: rgb(255,235,0)

nome da cor: red, blue, green...etc

style:

none: nenhuma borda

hidden: equivalente a none

dotted: borda pontilhada

dashed: borda tracejada

solid: borda contínua

double: borda dupla

groove: borda entalhada

ridge: borda em ressalto

inset: borda em baixo relevo

outset: borda em alto relevo

width:

thin: borda fina

medium: borda média

thick: borda grossa

length: uma medida reconhecida pelas CSS (px, pt, em, cm, ...)








Veja também, CSS: Background

Comentários

Postagens mais visitadas deste blog

Temperamento - Decubra seu Perfil Profissional

PerguntaSimNão1: Gosta de conversar?2: Gosta de atividade, ação?3: Emociona-se com facilidade?4: “Explode” facilmente?5: Está sempre atualizado nos mais diversos assuntos(cultura geral)?6: É imaginativo?7: Tem inclinação para a crítica e para ironia?8: Tem tendência a mudar de opinião se apresentarem argumentos válidos?9: Quando lhe pedem desculpas,reconcilia-se com facilidade?10: Tem dificuldade em perdoar/esquecer?11: Gosta de fazer o bem sempre que pode?12: Aflige-se facilmente com os males do próximo?13: É mais optimista do que pessimista?14: Ri com facilidade quando há motivo?15: É uma pessoa inconstante,pouco perseverante?16: Prefere que sejam outros a resolver os problemas?17: Aceita facilmente novas ordens que lhe são dadas?18: Gosta de novidades?19: Gosta de andar elegante, bem vestido?20: Gosta de ser admirado/elogiado pelos outros?
PerguntaSimNão1: Irrita-se com facilidade?2: Nota-se quando está irritado?3: Guarda rancor?4: Perdoa com facilidade?5: É intolerante quando contr…

Tabela Periodica - Atalhos do Excel

Preciso ter um site?

Más é óbvio que a resposta é SIM, até porque como vou ganhar dinheiro fazendo site se as pessoas e empresas não fazem site.
Bem é isso que a maioria das pessoas pensam, que fazer um site é desnecessário e só server pra gastar dinheiro, ou então a pessoa faz um site porque sempre perguntam para ela "Você tem Site?".
Os motivos e necessidades para se ter um site são muitos, varia de negócio para negócio. Listei abaixo alguns itens, caso esteja lendo até aqui, não pare, leia o restante, acredito que vai mudar a seus conceitos sobre ter um site.
Aberto 24h. Suas informações, produtos, serviços estarão disponíveis aos clientes 24 horas por dia.
Credibilidade. É muito difícil para uma pequena empresa concorrer com empresas de grande porte. Na internet é possível que uma pequena empresa, com um site bem projetado, com um bom design gráfico, navegação simples e informações bem redigidas seja bem avaliada pelos seus clientes - mesmo quando comparada com concorrentes de maior porte. Um bom…