Del curso: HTML5 práctico: Visualización de datos

Accede al curso completo hoy mismo

Únete para acceder a más de 22.600 cursos impartidos por expertos del sector o compra solamente este curso.

Maquetación con CSS de los elementos de la página

Maquetación con CSS de los elementos de la página - Tutorial de HTML

Del curso: HTML5 práctico: Visualización de datos

Comenzar mi mes de prueba gratis

Maquetación con CSS de los elementos de la página

“

Crearemos ahora la estructura básica necesaria. En principio, voy a necesitar un 'graphContainer',que es el contenedor de donde va a ir la gráfica. Bueno, pues voy a crear ese objeto, que va a tener de ancho un 90 %. Bueno, voy ponerlo en un porque es muy ancha. Voy a marcarle un alto fijo, porque se tiene que adaptar al "canvas" que va a llevar dentro ese alto. Por otro lado, tiene que comportarse como un bloque, aunque esto, en realidad, no es necesario añadirlo. Por otro lado, quiero que vaya separado este trozo de tabla de luego el resto de contenidos que hay debajo, así que, para ello, voy a añadirle, pues un margen inferior. Puedo ponerle diferentes márgenes, en realidad. Por otro lado, voy a hacer que sea redondeado, así que levoy a poner un radio de 10 píxeles. Voy a hacer, además, que tenga borde, que sea de un píxel, sólido y con un gris suave. Que dentro de su interior haya algo de 'padding', que aparezca centrado en la pantalla. Bueno, creo que me he pasado con este 100…

Contenido