首頁 > web前端 > html教學 > W3School-CSS 尺寸 (Dimension) 实例_html/css_WEB-ITnose

W3School-CSS 尺寸 (Dimension) 实例_html/css_WEB-ITnose

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
發布: 2016-06-24 11:30:47
原創
1499 人瀏覽過

CSS 尺寸 (Dimension) 实例

CSS 实例

  • CSS 背景实例
  • CSS 文本实例
  • CSS 字体(font)实例
  • CSS 边框(border)实例
  • CSS 外边距 (margin) 实例
  • CSS 内边距 (padding) 实例
  • CSS 列表实例
  • CSS 表格实例
  • 轮廓(Outline)实例
  • CSS 尺寸 (Dimension) 实例
  • CSS 分类 (Classification) 实例
  • CSS 定位 (Positioning) 实例
  • CSS 伪类 (Pseudo-classes)实例
  • CSS 伪元素 (Pseudo-elements)实例
  • 01使用像素值设置图像的高度

    <!DOCTYPE html><html>    <head>        <meta charset="utf-8" />        <title>01使用像素值设置图像的高度</title>        <style type="text/css">            img.normal {                height: auto;            }                        img.big {                height: 160px;            }                        img.small {                height: 30px;            }        </style>    </head>    <body>        <img  class="normal lazy"  src="/static/imghw/default1.png"  data-src="smile.gif"  alt="W3School-CSS 尺寸 (Dimension) 实例_html/css_WEB-ITnose" >        <br />        <img  class="big lazy"  src="/static/imghw/default1.png"  data-src="smile.gif"  alt="W3School-CSS 尺寸 (Dimension) 实例_html/css_WEB-ITnose" >        <br />        <img  class="small lazy"  src="/static/imghw/default1.png"  data-src="smile.gif"  alt="W3School-CSS 尺寸 (Dimension) 实例_html/css_WEB-ITnose" >    </body></html> 
    登入後複製

    本網站聲明
    本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
    最新問題
    JQ 用AJAX提交帶檔案上傳的表單問題
    來自於 1970-01-01 08:00:00
    0
    0
    0
    PHP檔案執行問題
    來自於 1970-01-01 08:00:00
    0
    0
    0
    運行PHP檔案變為下載
    來自於 1970-01-01 08:00:00
    0
    0
    0
    PHP運行
    來自於 1970-01-01 08:00:00
    0
    0
    0
    熱門教學
    更多>
    最新下載
    更多>
    網站特效
    網站源碼
    網站素材
    前端模板