今日私たちが学んでいるのは、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サイトに注目してください。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
