[HTML・CSS] 見出しにバーのようにデザインする

●見出しにバーのようにデザインする

---------------------------------
＜html＞
＜head＞
＜title＞資料館＜/title＞
＜style type="text/css"＞＜!--

body{
	color:#666666;
	background-color:#ffffee;
}
h2{
	font-size:16px;
	color:white;
	border-style:solid;
	border-width:3px;
	border-color:#33cc66;
	padding:4px;
	border-left-width:10px;
	background-color:black;
}
p{
	line-height:140px;
}
--＞＜/style＞
＜/head＞
＜body＞
＜h1＞駅のDATA＜/h1＞
＜div＞
・青森駅（あおもりえき）＜br＞
・秋田駅（あきたえき）＜br＞
・盛岡駅（もりおかえき）＜br＞
・新潟駅（にいがたえき）＜br＞
・山形駅（やまがたえき）＜br＞
・仙台駅（せんだいえき）
＜/div＞
＜h2＞青森駅（あおもりえき）＜/h2＞
＜p＞
青森県青森市柳川一丁目にある東日本旅客鉄道（JR東日本）の駅。＜br＞
奥羽本線と東北本線の終点で、北海道方面へ向かう津軽線（津軽海峡線）の起点である。
＜/p＞
＜h2＞秋田駅（あきたえき）＜/h2＞
＜p＞
秋田県秋田市中通七丁目にある、東日本旅客鉄道（JR東日本）の駅である。
＜/p＞
＜h2＞盛岡駅（もりおかえき）＜/h2＞
＜p＞
岩手県盛岡市盛岡駅前通にある、＜br＞
東日本旅客鉄道（JR東日本）・IGRいわて銀河鉄道の駅である。
＜/p＞
＜h2＞新潟駅（にいがたえき）＜/h2＞
＜p＞
新潟県新潟市中央区花園一丁目にある、東日本旅客鉄道（JR東日本）の駅。＜br＞
上越新幹線の終点であり、本州日本海側の鉄道網の拠点駅でもある。＜br＞
鉄道以外の公共交通機関も含めた新潟都市圏のターミナルの1つである。＜br＞
現在、駅舎周辺では在来線の連続立体交差化と、それに伴う周辺整備事業が進められている
＜/p＞
＜h2＞山形駅（やまがたえき）＜h2＞
＜p＞
山形県山形市香澄町一丁目にある、東日本旅客鉄道（JR東日本）の駅である。
＜/p＞
＜h2＞仙台駅（せんだいえき）＜/h2＞
＜p＞
宮城県仙台市青葉区中央一丁目と宮城野区榴岡一丁目に跨る＜br＞
東日本旅客鉄道（JR東日本）・仙台市地下鉄の駅である。
＜/p＞
＜/body＞
＜/html＞
---------------------------------

HTML & XHTML 第5版/Chuck Musciano

￥6,090
Amazon.co.jp

できる大事典 HTML & CSS/佐藤 和人

￥2,730
Amazon.co.jp