画像の横に文字は配置できたのですが、付属画像の一番下の画像のようにタイトルの文字の色と大きさを変更し、

画像

HTML、CSS7閲覧xmlns="http://www.w3.org/2000/svg">25

ベストアンサー

0

ThanksImg質問者からのお礼コメント

ありがとうございました

お礼日時:6/18 8:15

その他の回答(1件)

0

vle********さん >・・・画像の横にある文字のタイトルを太字にして、色を変え・・・・・・ ご参考に↓ <!DOCTYPE html> <html> <head> <meta content="text/html; charset=utf-8"/> <meta name="viewport" content="width=device-width, initial-scale=1"> <title></title> <link rel="stylesheet" href="senden.css"> <style> /* 画像の大きさ調節 */ img.example3 { width: 100%; height: 400px; } /* 画像の横に文字を配置する */ .flex{ display: flex;/* 画像の横に文字を配置する */ padding: 10px; } .flex div{ width: 50%; margin: 10px;/* 外側の空白上下左右 にする*/ padding: 10px;/* 内側の空白上下左右 にする */ } /* 画像の横に文字のスタイル */ .title3 p{ font-size: 35px; line-height:55px;/* 文字を大きくして中央に配置するための処置 */ font-family: "MS ゴシック",sans-serif; /* 文字の種類 */ color:#33d; } </style> </head> <body> <div class="flex"><!--画像の横に文字を書くためflexのcssとdivで囲む--> <div><p><img src="https://placehold.jp/500x400.png" alt="[写真]" class="example3"> </p></div> <div class="title3"> <p>魅力を引き出し、表現するデザインで、ユーザーの満足体験を高めます</p> 視覚的なデザインはもちろん、ユーザー像の作成やユーザー行動を基にした導線設計など、デザインの前段階となる"設計"を入念に行ったホームページを制作します。 </div> </div> </body> </html>