htmlとcssを連結させて画像縮小させたいのですがうまくいきませんご教授お願いします htmlのコードがこれになります DOCTYPE html> トップページ魚が好きだ好魚会好魚会のHpへようこそ今日は魚の本場の築地まで足を運びました築地のHP 今日の築地探索場所リスト築地場外市場魚竹(魚介料理専門店) 銀座キャピタル（宿屋）そしてcssのコードがこれです @charset "utf-8"; h1{ color: aqua; font-size: 40px; } h2{ background-color: darkgreen; font-size: 20px; color: aliceblue; } img.exem { width:25%; height:12px; } 色などは変化したのですが画像の縮小だけはうまくいかず困ってます解決方法があればお願いします。

詳しい人求む！

htmltとcssの連携をして画像縮小について

解決済

質問者：うるき
質問日時：2022/11/15 20:32
回答数：1件

htmlとcssを連結させて画像縮小させたいのですがうまくいきません
ご教授お願いします
htmlのコードがこれになります
DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>トップページ </title>
<link rel="stylesheet" href="css/style.css">
<body>
<h1>魚が好きだ　　好魚会　　　　　　</h1>
<h2> 好魚会のHpへようこそ </h2>
<img src="img/tsukiji.jpg"alt="築地市場" class="exam">
<p> 今日は魚の本場の築地まで足を運びました　 <a href="https://www.tsukiji.or.jp/">築地のHP</a>　</p>
<p>今日の築地探索場所リスト</p>
<ul>
<li> 築地場外市場 </li>
<li>魚竹(魚介料理専門店) </li>
<li> 銀座キャピタル（宿屋）</li>

</ul>
そしてcssのコードがこれです
@charset "utf-8";
h1{
color: aqua;
font-size: 40px;
}
h2{
background-color: darkgreen;
font-size: 20px;
color: aliceblue;
}
img.exem {
width:25%;
height:12px;
}
色などは変化したのですが画像の縮小だけはうまくいかず困ってます
解決方法があればお願いします。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (1件)

ベストアンサー優先
最新から表示
回答順に表示

No.1ベストアンサー

回答者： fujillin
回答日時：2022/11/15 21:01

こんばんは

最終的にどのようになさりたいのか不明ですけれど・・

＞色などは変化したのですが画像の縮小だけはうまくいかず～
もしも、ご提示のままのソースなら、単純にセレクタの間違えではないかと思われます。

　mg.exem {
　　↓　↓
　img.exam {

とすることで、指定のようになりませんか？
（高さ12pxの指定になっているので、本当にそうなさりたいのかわかりませんけれど・・）