Cómo diseñar un sitio web CSS y bordes

fronteras CSS están evolucionando con el lenguaje de secuencias de comandos CSS. fronteras CSS tienen varios estilos diferentes, incluyendo, punteado, discontinuas, bordes dobles sólidos y, con CSS 3, esquinas redondeadas. CSS y las fronteras se definen por alguna de elemento en el archivo .html o en un archivo .css ligado por separado. El código es el mismo, independientemente de donde se coloca. Diseñar un sitio web usando CSS con las fronteras, se necesita un editor de texto que va a guardar los archivos de texto sin formato.

Instrucciones

1 Crear un archivo .html abriendo el editor de texto y hacer clic en & quot; & quot ;, archivo y & quot; nuevo & quot ;. Haga clic en & quot; Guardar & quot; y guardar el archivo index.html.

2 Añadir el HTML básico a la página web. Este es el código HTML que indica al navegador web que el archivo es una página web. Por ejemplo:

& Lt; html & gt;
& Lt; head & gt;
& Lt; title & gt; Mi página & lt; / title & gt;
& Lt; / head & gt;
& Lt; body & gt;

& Lt; / body & gt;
& Lt; / html & gt;

3 Crear un cuadro con las fronteras mediante la adición de una etiqueta DIV e introduciendo el texto que desee en el cuadro. En el ejemplo, la etiqueta DIV irá entre las etiquetas BODY:

& Lt; html & gt;
& Lt; head & gt;
& Lt; title & gt; Mi página & lt; / title & gt;
& Lt; / head & gt;
& Lt; body & gt;
& Lt; div & gt;
Esta es mi pagina. Usted es bienvenido para visualizarla.
& Lt; / div & gt;
& Lt; / body & gt;
& Lt; / html & gt;

4 Añadir el CSS para la etiqueta DIV usando el elemento de estilo. Utilice el elemento de frontera CSS para crear un borde alrededor del texto. El elemento de frontera toma color, tipo y tamaño en cuenta. Por ejemplo:

& Lt; html & gt;
& Lt; head & gt;
& Lt; title & gt; Mi página & lt; / title & gt;
& Lt; / head & gt;
& Lt; body & gt;
& Lt; div style = & quot; border: 5px sólida # 000000; & quot; & gt;
Esta es mi pagina. Usted es bienvenido para visualizarla.
& Lt; / div & gt;
& Lt; / body & gt;
& Lt; / html & gt;

La frontera es 5 píxeles de ancho, y hay una sólida línea de negro en todo el texto de la etiqueta DIV. Un código hexadecimal se utiliza para hacer el negro frontera. códigos hexadecimales se pueden obtener mediante el uso de un programa de selector de color. Como alternativa puede reemplazar la propiedad sólido con puntos, guiones, doble, acanalado, acanalado, inserción o principio. esquinas redondas requieren el elemento de la frontera de radio de CSS 3 sin embargo, no es compatible con todos los navegadores todavía. Por ejemplo:

& Lt; div style = & quot; border: 2px de puntos # 000000; la frontera de radio: 9px; & quot; & gt;

Esto completará la frontera & # 039; s esquinas de 9 píxeles.