Colección de citas famosas - Slogan de motivación - Cómo insertar vídeo en diseño div+css

Cómo insertar vídeo en diseño div+css

Cómo insertar vídeo en formato div+css.

Referencia de la siguiente manera:

1. Cree un nuevo archivo HTML test.html para explicar el proceso básico del diseño div+CSS.

2. En el archivo test.html, establezca el estilo del texto, establezca el margen en 0, el relleno en 0 y alinee el texto con el centro del texto.

3. En el archivo test.html, para facilitar la explicación, establezca la altura de todos los divs en 200 px y establezca el color del contenido en rojo.

4. En el archivo test.html, use div para crear el título de la página, use margin:0auto para configurar divcenter, establezca su ancho en 800px y establezca el color de fondo en gris.

5. En el archivo test.html, use div para crear la parte central de la página, use margin:0auto para configurar divcenter y establezca su ancho en 800px.

6. En el archivo test.html, cree dos divs en el medio de la página, divida el medio en dos partes y el ancho de cada parte sea del 50%. La parte izquierda usa float:left para configurar el flotante izquierdo, y la parte derecha usa float:right para configurar el flotante derecho.

7. En el archivo test.html, use div para crear la parte inferior de la página. Utilice clear: ambos para borrar el flotador del div anterior y evitar afectar el diseño en la parte inferior. Al mismo tiempo, use margin:0auto para configurar el divcenter con un ancho de 800 px y un color de fondo de #000fff.

8. Abra el archivo test.html en el navegador y se resolverá el problema de insertar videos en el diseño.