|
As bordas adicionam uma aparência atrativa aos elementos tais como tabelas, divisões, parágrafos, listas e blockquotes.
As propriedades básicas são:
- border-style
- dashed,dotted,double,groove,solid,inset,outset
tracejado, pontilhado, dobro, sulco, sólido, inserir, outset
- border-color
- red, #FF0000
-
- vermelho, # FF0000
-
- border-width
- thin, thick, medium, #px
fino, grosso, médio, # px
Bordas Nos Parágrafos
A chuva cai lá fora e o dia parece parar!!! Me lembro da minha infância quando na chuva ia brincar.
<p STYLE="border-style: dotted ;border-color :red; border-width :medium; width:460px;">A chuva cai lá fora e o dia parece parar!!! Me lembro da minha infância quando na chuva ia brincar.</p>
A chuva cai lá fora e o dia parece parar!!! Me lembro da minha infância quando na chuva eu ia brincar.
Nas Listas
- Sorvete
- Bolo
- Bolinhos
- Docinhos
<ul type="disc" STYLE="border-style: dashed ;border-color : blue;border-width :thin; width : 80px">
<li>Sorvete
<li>Bolo
<li>Bolinhos
<li>Docinhos
</ul>
- Sorvete
- Bolo
- Bolinhos
- Docinhos
Em Blockquotes
O blockquote pode ser usado deslocar um bloco de texto. Por padrão é recortado nas margens esquerdas e direitas. A aparência pode ser melhorada adicionando a propriedade d à folha do estilo.
<blockquote STYLE="border-style: solid ;border-color : green;border-width :thick">O blockquote pode ser usado deslocar um bloco de texto. Por padrão é recortado nas margens esquerdas e direitas. A aparência pode ser melhorada adicionando a propriedade d à folha do estilo.</blockquote>
O blockquote pode ser usado deslocar um bloco de texto. Por padrão é recortado nas margens esquerdas e direitas. A aparência pode ser melhorada adicionando propriedades de folhas de estilo em cascata.
|
