Responsive Images
<html>
<head>
<style>
.responsive {
width: 100%;
max-width: 200px;
height: auto;
}
</style>
</head>
<body>
<h2>Responsive Images</h2>
<p>If you want to restrict a responsive image to a maximum size, use the max-width property, with a pixel value of your choice.</p>
<p>Resize the browser window to see the effect.</p>
<center><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDUQwAjqKWDH3prC_XJYeQPvKcZancp-uXllVvrffyRG113VWN5Mj9K9EN__EuhN0nJsmkYcLOPojSaV378fHsLhUtR3ufcSPtlQA-llrUwi9cAqB0Ex_t3cCA_iFVyIPSc7TvIdXT200Zdz_TjI4I1-yqRF7OqY9ISzs46k8h4KRQLq2OA77sp9hsc2Ia/s320/9266640.png" alt="Nature" class="responsive" width="600" height="400">
</body>
</html>
Label:
CSS
0 komentar: