ホームページ > 記事 > ウェブフロントエンド > CSSは画像のサイズを調整します。幅と高さを知っておく必要があります
CSSは画像のサイズを調整します。幅と高さを知っておく必要があります
- 高洛峰オリジナル
- 2017-02-08 10:11:332283ブラウズ
今日私たちが学んでいるのは、CSS を使用して画像のサイズを調整する方法を教えることです。前のコースの例では、幅と高さの 2 つの属性を使用して幅と高さを設定します。それぞれの要素の高さ。
CSS では、画像のサイズを定義するために幅と高さも使用します。構文:
説明: CSS の初級段階では、すべての単位としてピクセルが使用されます。CSS の上級段階では、その他の CSS 単位について詳しく説明します。 例:
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<style type="text/css">
img{width:60px;height:60px;}
</style>
</head>
<body>
<img src="../App_images/lesson/run_cj/cartoongirl.gif" alt=""/>
</body>
</html>ブラウザーでのプレビュー効果は次のとおりです。以下のように:
分析: 画像の実際のサイズに関係なく、幅と高さを使用して必要な高さと幅を定義できます。ページ上でその画像を使用する前に、PS を使用して高さと幅を調整するほど愚かなことはしないでください。
画像のサイズを調整するCSSの詳細、幅と高さに関する記事を知りたい場合は、PHPの中国語Webサイトに注目してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。