Div+css realiza red de transporte

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
        <style type="text/css">
            * {                 margin: 0;                 relleno: 0;             }             .todo {                 ancho: 960px;                 altura: 975px;                 margen: automático;             }             .header {                 imagen de fondo: url(Imagen/top_bg.jpg);                 ancho: 960px;                 altura: 85px;                 repetición de fondo: sin repetición;             }             .b div{















                ancho: 121px;
                altura: 40px;
                flotador izquierdo;
                alineación de texto: centro;
                acolchado superior: 10px;
                color: rgb (21,9,14);
            }
            .superior {                 ancho: 740px;                 altura: 820px;                 margen izquierdo: 120px;             }             .footer {                 posición: fijo;                 inferior: 0;                 imagen de fondo: url (Imagen/pie de página.jpg);                 ancho: 960px;                 altura: 60px;                 repetición de fondo: sin repetición;











                tamaño de fuente: 12px;
                color: #000000;
                alineación de texto: centro;
            }
            .b {                 imagen de fondo: url(Imagen/menu_bg.jpg);                 repetición de fondo: sin repetición;                 ancho: 740px;                 altura: 50px;             }             .c {                 imagen de fondo: url(Imagen/banner.jpg);                 repetición de fondo: sin repetición;                 ancho: 740px;                 altura: 300px;                 margen superior: 20px;                 posición: relativa;             }             .c>img{














                posición: absoluta;
                derecha: 40px;
                abajo: 20px;
            }
            .d {                 tamaño de fondo: 246px;                 ancho: 740px;                 altura: 180px;                 margen superior: 20px;                 pantalla: flexible;                 justificar-contenido: espacio-entre;             }             .e {                 ancho: 740px;                 altura: 250px;             }             .d1,             .d2,             .d3 {                 imagen de fondo: url(Imagen/título_bg.jpg);















                repetición de fondo: sin repetición;
                altura: 180px;
                ancho: 240px;
                posición: relativa;
            }
            .d img{                 posición: absoluta;                 derecha: 5px;                 arriba: 25px;             }             .d5{                 altura: 20px;                 ancho: 70px;                 color blanco;                 posición: absoluta;                 margen superior: 15px;                 margen izquierdo: 20px;             }             .d ul{                 margen izquierdo: 30px;














                margen superior: 60px;
                tamaño de fuente: 12px;
                altura de línea: 20px;
            }
            .e1 img{                 margen derecho: 10px;                 flotar derecho;             }             .e1 {                 ancho: 492px;                 altura: 250px;                 flotador izquierdo;             }







            .e2 {                 ancho: 240px;                 altura: 250px;                 flotador izquierdo;             }             a{                 color: rgb(44,144,184);                 tamaño de fuente: 15px;             }             .e11{                 flotador: izquierda;                 color: rgb (113,113,113);                 tamaño de fuente: 12px;                 ancho: 320px;                 altura: 30px;                 sangría de texto: 2em;                 margen superior: 15px;             }             .e13{                 ancho: 480px;                 sangría de texto: 2em;



                

















                color: rgb (113,113,113);
                tamaño de fuente: 12px;
                margen superior: 40px;
            }
            .e12{                 sangría de texto: 2em;                 margen superior: 100px;                 color: rgb (37,103,151);                 tamaño de fuente: 12px;                 ancho: 480px;                 altura: 30px;             }             .e21{                 ancho: 230px;                 altura: 50px;                 tamaño de fuente: 12px;                 margen izquierdo: 15px;                 margen superior: 20px;                 margen inferior: 20px;














                sangría de texto: 2em;
                color: rgb (113,113,113);
            }
            .e2 a{                 tamaño de fuente: 13px;                 alineación de texto: centro;                 margen izquierdo: 15px;                 acolchado superior: 10px;                 fuente-peso: negrita;             }             .e2 img{                 margen izquierdo: 160px;             }         </style>     </head>     <body>         <div class="all">             <div class="header"></div>             <div class="top">














                <div class="b">
                    <div>Centro de Consulta</div>
                    <div>Canal de Tráfico</div>
                    <div>Puerto Buque</div>
                    <div>Información Logística</div>
                    <div>Canal Comercial< /div>
                    <div>Conferencia de exhibición</div>
                </div>
                <div class="c"><img src="Imagen/detalle.jpg"></div>
                <div class="d">
                    <div class="d1"><div class="d5">Canal de tráfico</div><img src="Imagen/más.jpg">
                        <ul>
                            <li>Información sobre precios de envíos nacionales e internacionales en julio</li>
                            <li>La cortina de la integración de recursos de los puertos alrededor del mar de Bohai se ha abierto por completo</li> <li>
                            La batalla por la interior: el puerto de Yingkou se come el puerto de Dalian</li>
                            <li>La tarifa de flete de petróleo crudo ha aumentado significativamente y se ha acelerado la disminución de los petroleros de productos</li>
                            <li>Esforzarse por promover el desarrollo costero con la construcción de puertos como líder</li>
                        </ul>
                    </div >
                    <div class="d2">< div class="d5">Barcos portuarios</div><img src="Image/more.jpg"> <ul> <li>
                        La
                            integración de los recursos portuarios alrededor del Mar de Bohai se ha abierto por completo</li>
                            <li>Disputa del interior:El puerto de Yingkou se traga a Dalian</li>
                            <li>La tarifa de flete de petróleo crudo aumenta significativamente y se acelera el declive de los petroleros</li>
                            <li>Esforzarse por promover el desarrollo costero con la construcción del puerto como líder</li>
                            <li>Enfrentando la crisis financiera, puerto de Qingdao El rendimiento supera los 200 millones de toneladas</li>
                        </ul>
                    </div>
                    <div class="d3"><div class="d5">Información logística</div><img src="Image/more.jpg"> <ul> <li> Se llevará a cabo la Conferencia sobre comercio electrónico y                             logística
                        exprés
en Hangzhou en septiembre</li>
                            <li>Sobre el papel de la logística postal en la resolución del cuello de botella de la logística B2</li>
                            <li>Guangzhou planea construir inicialmente un sistema de logística en 6 años</li>
                            <li> El centro de logística más grande del oeste: la finalización del Centro de logística de Naqu</li> li>
                            <li>En la primera mitad del año, los ingresos de la industria de entrega urgente aumentaron un 10,36 % año tras año</li >
                        </ul>
                    </div>
                </div>
                <div clase="e">
                    <div class="e1"><a href="#">Empresas de logística: la estandarización y la informatización son las principales prioridades</a><div class="e11">Recientemente, Brocade, el mayor proveedor de software de gestión logística de China. El centro de investigación de la cadena de suministro de logística afiliado directamente a la información publicó su informe de investigación del efecto del "plan de revitalización y ajuste de la industria logística", que analizó y comparó la participación en el mercado de logística de las empresas chinas en el primer trimestre de 2009 y el estado de desarrollo de las empresas de logística. </div><img src="Image/003.jpg">
                          <div class="e12">Wang Yi, jefe del Centro de investigación de la cadena de suministro de logística de la información de Brocade, presentó que la estandarización logística se basa en la logística como un gran sistema. Formular normas de trabajo para cada eslabón del sistema, normas de servicio para los organismos de normalización técnica y sistemas de responsabilidad para cada cargo. Procedimientos de operación, reglamentos sobre el uso de equipos mecánicos, etc. Tomando como punto de partida el sistema, estudiar la coordinación entre cada sistema y cada estándar en el subcampo, y unificar los estándares y estándares de medición de todo el sistema logístico de acuerdo a sus requerimientos. </div>
                          <div class="e13">La realización de la estandarización logística es una garantía eficaz para el desarrollo de la tecnología logística y la implementación de la gestión logística del sistema a gran escala. Sin embargo, el sistema de estandarización actual está lejos de satisfacer las necesidades del desarrollo de la industria logística moderna y muestra serios defectos en el proceso de operación real. </div>
                          <img src="Imagen/sabe.



                        <div class="e21">Aunque la señal de tocar fondo de la economía global es cada vez más clara, en la temporada alta tradicional de julio, excepto por el toque de fondo del mercado de transporte de contenedores, otros...</div> < a href=
                        " #">La integración de recursos portuarios de Bohai Rim se ha lanzado por completo</a>
                        <div class="e21">Aunque la señal de que la economía global está tocando fondo es cada vez más clara, en la temporada alta tradicional en julio , a excepción del mercado de transporte de contenedores que toca fondo Aparte del rebote...</div>
                        <img src="Imagen/sabe.jpg">
                    </div>
                </div>
            </div>
            <div class="footer"> <br/>Estación internacional  |    Sucursal   |    Canal de comunicación  < br/>Enlaces<br/>Enlaces<br/>
                 Derechos de autor2000-2008 yunshuwang. com Todos los derechos reservados
            </div>
        </div>
    </body>
</html>

 

Supongo que te gusta

Origin blog.csdn.net/dai556688/article/details/119729032
Recomendado
Clasificación