CSS para mejorar la presentación de tus imágenes.
Para mejorar la presentación de sus imágenes, puede incorporar algún código adicional en su CSS. Son flexibles en función de lo que desea lograr en su sitio.
Implementación
Ponga los códigos deseados de CSS y pruebe en su página, así:
Algunos ejemplos para colocar en el código CSS.
.photo {color de fondo: #fafbfc; borde: 1px sólido # b0b0b0; margen: 0 0 10px 10px; relleno: 5px; } .phototoright {border: 5px solid # b0b0b0; margen: 5px 6px 15px 6px; } .phototoleft {border: 5px solid # b0b0b0; flotador izquierdo; margen: 5px 15px 6px 15 px; } Para enmarcar una imagen con texto a la izquierda.
div # photoflot p {margin: 0; relleno: 0; alinear texto: justificar; } div # photoflot img {float: left; color de fondo: #fafbfc; borde: 1px sólido # b0b0b0; margen: 0 0 10px 10px; relleno: 5px; } hr {claro: izquierda; } Utilízalo como tal:
Fusce sem turpis, mollis ut, commodo quis, aliquet eget, ipsum. Ut nonummy libero vitae neque. Laco quisque. Nullam lobortis. Cras quam. Nulla vitae ante nec eros mollis luctus. Vivamus velit. Morbi interdum euismod sapien ...
Para enmarcar una imagen con el texto a la derecha.
/ * Para encuadrar una imagen con el texto a la derecha * / .rightimg, .leftimg, .centreimg img {border: 1px solid #AAAAAA; color de fondo: # E9E9E9; relleno: 3px; margen: 6px; } .rightimg {float: right;} .leftimg {float: left;} div.centreimg {text-align: center; } Utilízalo como tal:
Proin ac sapien et neque pellentesque mollis. Praesent ut magna sed tortor luctus pretium. Proin a est gravida dui pellentesque tincidunt. Nunc en ipsum. Suspendisse elit. Fusce sentarse amet lectus. Quisque et neque vitae odio sagittis tincidunt.Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed ac tellus. Nulla vel arcu. Proin ac sapien et neque pellentesque mollis ...