Css

Codigos Css

 


› Link sin Subrayo
LINK:

Elimina el Subrayo de Links.


 

FacebookTwitter

<-- Codigo ofrecido por Tutores.org -->

<style>
a{
text-decoration:none;
}
</style>

<a href="URL">Visita tutores.org</a>



› Cambia la apariencia de un boton


Cambia el estilo de los botones de tu web.



FacebookTwitter

<-- Codigo ofrecido por WeBheLp-1 -->

1. -----------------------------------------------
<input onClick="#" type=button value="Botón de ejemplo" name=boton style="BORDER: rgb(128,128,128) 1px solid; FONT-SIZE: 8pt; FONT-FAMILY: Verdana; BACKGROUND-COLOR: rgb(233,233,233)">


2. ------------------------------------------------

<input onClick="#" type=button value="Botón de ejemplo" name=boton style="BORDER: rgb(128,128,128) 1px dashed; FONT-SIZE: 8pt; FONT-FAMILY: Verdana; BACKGROUND-COLOR: rgb(233,233,233)">



› Fondo en Tabla

Cambia el color en tu tablas.


FacebookTwitter

<-- Codigo ofrecido por WeBheLp-1 -->

<div style="background-image:url('/tutores/images/mundo.gif')">Este es el texto sobre el fondo</div>



› Fondo estatico:

Pon un fondo estatico en tu web no se mueve al mover tu web hacia abajo

Pegalo Advertencia referente al campo de contenido (p.ej. Copyright):


FacebookTwitter

<-- Codigo ofrecido por WeBheLp-1 -->

<style type="text/css">
body {
background: white url(/tutores/images/mundo.gif);
background-attachment: fixed;
}
</style>



 Imagen en fondo de area de texto - Textarea:

Para decorar un poco mas nuestra web, podemos incluir este codigo Css o de estilo en nuestra pagina. todo campo de texto aparecerá con una imagen de fondo.

Debemos modificar el path hacia la imagen. background-image:url Para modificar el color del texto, modificar color:ff0000;

 

FacebookTwitter

<!-- Codigo ofrecido por WeBheLp-1 -->
<style>
textarea{
background-image:url(/tutores/images/mundo.jpg);
color:ff0000;
}
</style>



<label>
<textarea name="textfield" cols="30" rows="8"></textarea>
</label>



› Como cambiar la apariencia de un botón

Dale otro estilo a tus botones


FacebookTwitter

<!-- Codigo ofrecido por WeBheLp-1 -->
 1. -----------------------------------------------
<input onClick="#" type=button value="Botón de ejemplo" name=boton style="BORDER: rgb(128,128,128) 1px solid; FONT-SIZE: 8pt; FONT-FAMILY: Verdana; BACKGROUND-COLOR: rgb(233,233,233)">

2. -----------------------------------------------
<input onClick="#" type=button value="Botón de ejemplo" name=boton style="BORDER: rgb(128,128,128) 1px solid; FONT-SIZE: 8pt; FONT-FAMILY: Verdana; BACKGROUND-COLOR: rgb(233,233,233)">
 



› Pon texto junto con imagenes

Texto con la imagenes


FacebookTwitter

<!-- Codigo ofrecido por WeBheLp-1 -->
 <head>
<style type="text/css">
.alinear {float: left;}
</style>
</head>
<body>
<img src="IMG.gif" class="alinear">
Este texto aparecerá a la izquierda de la imagen
</body>

 



› Borde de pagina

Ponle borde a tu pagina web


FacebookTwitter

<!-- Codigo ofrecido por WeBheLp-1 -->
 <style type="text/css">
body {overflow:hidden; border: 10px solid; margin:8px #000000;}
</style>

 



PRONTO INCLUIREMOS AL MENOS 60 O 50 CODIGOS NUEVOS
Este sitio web fue creado de forma gratuita con PaginaWebGratis.es. ¿Quieres también tu sitio web propio?
Registrarse gratis