Photoshopなどの画像処理ソフトを使わず、CSSでできる表現の幅が広がっています。にわかデザイナーになれる、簡単Tipsをお伝えします。
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>ページタイトル名</title> <!-- IE8以下のための要素認識JS --> <!--[if lt IE 9]> <script src="js/html5shiv.js"></script> <![endif]--> <!-- 新要素のブロック要素への変換 --> <link rel="stylesheet" href="css/html5.css"> <!-- スタイル設定 --> <link rel="stylesheet" href="css/style.css"> </head> <body> </body> </html>
@charset "UTF-8"; article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display:block; }
<a href="#">リンク名1</a><a href="#">リンク名2</a>
<h1>見出し1</h1><h1>見出し2</h1>
Copyright © ITmedia, Inc. All Rights Reserved.