CSS3

CSS練習問題 第10回


CSS練習問題の10回目となります。
突然HTMLを初めて、何か良くわからいけど、達人になってなんて言われている、新人に送る!
超簡単な練習問題です。

CSSは開発環境など必要ないので、手軽に勉強できます。
ただ、リファレンス集などを見てもなかなか覚えられないので、練習問題にチャレンジしてみましょう!

※この出題形式に関しては答えは1つではありません。
解答例はできるだけ複数載せるつもりですが、問題文の要件を満たしていれば正解として下さい。

問題

そういえば、あきこさん営業の織田君(イケメンの先輩)と遊びに行っていたらしいよって石橋君に言ってみた。
石橋君(ちょっと太った、隣の席の)は、また顔を真っ赤にして。。。。
「そ、そんなことないよー」って。(イケメンに取られるな。こりゃー)

そんな石橋君からのお願い。

contentクラスがついている文章部分の背景をグレーで、文字の色を青にしたい。

可哀そうだからやってあげるね。(軽く嫉妬しているのは自分ですが、なにか?)

では、さっそくお願い致します!

<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<title>CSS練習問題 | TECH PJIN</title>
		<meta charset="utf-8">
		<meta name="description" content="CSS練習問題">
		<meta name="author" content="">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<!--[if lt IE 9]>
			<script src="//cdn.jsdelivr.net/html5shiv/3.7.2/html5shiv.min.js"></script>
			<script src="//cdnjs.cloudflare.com/ajax/libs/respond.js/1.4.2/respond.min.js"></script>
		<![endif]-->
		<style>
		.content{
			width: 500px;
			padding: 10px;
			border:1px solid #ccc;
		}
		</style>
	</head>
	<body>
		<div class="continer">
			<span class="lead">今日こそオムライス食べる。</span>
			<div class="content">
				あそこのオムライスは大盛。そう考えられないくらい大盛。<br>
				一度食べると忘れられないくらい、オオモリ!。<br>
				最高!オオモリのオムライス!サイコウ!<br>
				秋葉原は結構大盛りの店が多い!<br>
				メガ盛りというらしい。<br>
				値段もそこそこで、味はおいしい店が多い!<br>
				隣の駅のお茶の水も大盛りの店が多い。<br>
				どちらかというと、お茶の水のほうが好みだ。
			</div>
		</div>
	</body>
</html>
解答例1
解答例2
CSS3

CSS練習問題 第12回

CSS練習問題の12回目となります。 突然HTMLを初めて、何か良くわからいけど、達人になってなんて言われている、新人に送る! 超簡単な練習問題です。 CSSは開発環境など必要ないので、手軽に勉強できます。 ただ、リファ […]
コメントなし
CSS3

CSS練習問題 第11回

CSS練習問題の11回目となります。 突然HTMLを初めて、何か良くわからいけど、達人になってなんて言われている、新人に送る! 超簡単な練習問題です。 CSSは開発環境など必要ないので、手軽に勉強できます。 ただ、リファ […]
コメントなし
CSS3

CSS練習問題 第10回

CSS練習問題の10回目となります。 突然HTMLを初めて、何か良くわからいけど、達人になってなんて言われている、新人に送る! 超簡単な練習問題です。 CSSは開発環境など必要ないので、手軽に勉強できます。 ただ、リファ […]
コメントなし
CSS3

CSS練習問題 第9回

CSS練習問題の9回目となります。 突然HTMLを初めて、何か良くわからいけど、達人になってなんて言われている、新人に送る! 超簡単な練習問題です。 CSSは開発環境など必要ないので、手軽に勉強できます。 ただ、リファレ […]
コメントなし
CSS3

CSS練習問題 第7回

CSS練習問題の7回目となります。 突然HTMLを初めて、何か良くわからいけど、達人になってなんて言われている、新人に送る! 超簡単な練習問題です。 CSSは開発環境など必要ないので、手軽に勉強できます。 ただ、リファレ […]
コメントなし
CSS3

CSS練習問題 第6回

CSS練習問題の6回目となります。 突然HTMLを初めて、何か良くわからいけど、達人になってなんて言われている、新人に送る! 超簡単な練習問題です。 CSSは開発環境など必要ないので、手軽に勉強できます。 ただ、リファレ […]
コメントなし
CSS3

CSS練習問題 第5回

CSS練習問題の5回目となります。 突然HTMLを初めて、何か良くわからいけど、達人になってなんて言われている、新人に送る! 超簡単な練習問題です。 CSSは開発環境など必要ないので、手軽に勉強できます。 ただ、リファレ […]
コメントなし
CSS3

CSS練習問題 第4回

CSS練習問題の4回目となります。 突然HTMLを初めて、何か良くわからいけど、達人になってなんて言われている、新人に送る! 超簡単な練習問題です。 CSSは開発環境など必要ないので、手軽に勉強できます。 ただ、リファレ […]
コメントなし
CSS3

CSS練習問題 第3回

CSS練習問題の3回目となります。 突然HTMLを初めて、何か良くわからいけど、達人になってなんて言われている、新人に送る! 超簡単な練習問題です。 CSSは開発環境など必要ないので、手軽に勉強できます。 ただ、リファレ […]
コメントなし
CSS3

CSS練習問題 第2回

CSS練習問題の2回目となります。 突然HTMLを初めて、何か良くわからいけど、達人になってなんて言われている、新人に送る! 超簡単な練習問題です。 CSSは開発環境など必要ないので、手軽に勉強できます。 ただ、リファレ […]
コメントなし
  • このエントリーをはてなブックマークに追加

PAGE TOP