<! DOCTYPE html > < html > < cabeza > < meta charset = "UTF-8" > < título > </ título > < estilo tipo = "text / css" > .HOY { anchura : 285px ; altura : 310px ; border-top : 1px solid # C8DCF2 ; border-bottom : 1px solid # C8DCF2 ; } .HOY-título .HOY { ancho : 285px ; altura : 40px ; } .HOY .HOY H3-título { font-size : 16px ; font-family : "Microsoft Yahei" ; color : # 172C45 ; un flotador : la izquierda ; Línea -Altura : 40px ; / * margen: representa la frontera exterior, por defecto, usar el texto, el sistema nos ayudará automáticamente a añadir un 16px ancho del borde ** / Margen : 0px ; } .HOY .HOY A-título { font-size : 12px ; font-family : "Microsoft Yahei" ; color : # 172C45 ; un flotador : la derecha ; / * text-decoration: none; subrayado eliminado * * / text-decoration : ninguno ; line-height : 40px ; margen :0px ; } P { font-size : 12px ; font-family : "Microsoft Yahei" ; line-height : 20px ; text-indent : 2em ; } </ estilo > </ cabeza > < cuerpo > <! - todo caja grande -> < div clase = "Hoy" > <! - la parte superior de la caja -> < div clase = "Hoy-título"> 27 de septiembre de investigación XXX comenzó en Liaoning. Un estudio que abarca tres provincias, esta es la primera vez desde el partido de dieciocho años. En Liaoning, XXX por primera vez a noreste de China para construir la primera ciudad de la ciudad - Liaoyang. Donde visitó, qué tipo de transferencia de información, "ojo noticias políticas" para su determinación. </ P > </ Div > </ div > </ cuerpo > </ html >
Efecto de demostración;