Cómo hacer que las fronteras con imágenes de fondo en CSS

CSS le permite agregar varios atributos de diseño y visualización a su documento HTML. Fronteras ayudan a llamar la atención sobre una sección de texto, por ejemplo, un precio de venta o cotización. Usar CSS para crear un estilo de borde que incluye una imagen de fondo. El estilo, entonces se puede aplicar a diversos elementos de texto HTML como un párrafo (P) o división (DIV).

Instrucciones

1 Abre el archivo HTML utilizando un editor de texto o HTML.

2 Escriba la siguiente secuencia de comandos encima de la etiqueta "</ head>" para definir la frontera CSS:

<Script>

borderimg {

border:#006600 medium solid;

Imagen de fondo: URL (imágenes / bgpattern.gif);

}

</ Script>

Un borde verde de anchura media que incluye una imagen de fondo se define. Cambiar los valores de frontera y de imagen a su cuenta.

3 Busque el elemento que va a aplicar el estilo y complementos para la etiqueta de estilo:

<Div id = "borderimg">

<P> Un bloque de datos de imagen de una frontera y con antecedentes, primer párrafo. </ P>

<P> Un bloque de datos de imagen de una frontera y con antecedentes, el segundo párrafo. </ P>

</ Div>