2017-11-24から1日間の記事一覧

CSS ポインタが乗ったら変化をつける :hover擬似クラス

CSS

こんにちは。レモンティーです。今回は、ポインタ(カーソル)が乗った時だけデザインに変化をつける方法です。 使うのは:hover擬似クラスです。 xxx:hover{~}と書くと、xxxにポインタが乗っている間だけ反映されるデザインを設定できます。例えばこういうや…

CSS フォントの指定・変更 font-family

CSS

こんんちは。レモンティーです。今回は、フォントの変更や指定です。使うのはfont-familyプロパティです。使うとこんな感じです。↑は HTML <p class="sample">使うとこんな感じです。</p> CSS .sample{font-family:serif; } となっています。字体はsans-serif ゴシック系serif 明朝…

CSS 枠で囲む・線を引く borderプロパティ

CSS

こんにちは。レモンティーです。今回は、こんなのとかこんなのとかこんなのみたいに、枠をつけたり線を引いたりします。使うのはCSSのborderプロパティです。これは boder:線の種類 太さ 色; のように使います。例えばサンプル↑の場合はHTML <p class="sample">サンプル</p> CSS .s…

CSSとは? はてなブログのデザインCSSを初心者が使ってみる

こんにちは。レモンティーです。 #TestID{color:blue; font-family:serif;} .test{color:red; border:solid 3px blue;} 今回はCSS入門についてです。CSSというのはざっくり言うとサイトを飾るための道具です。HTMLで文章や画像やリンクがつくれますが それだ…

HTML リンクをつくる aタグ

こんにちは。レモンティーです。今回はHTMLでリンクをつくります。 使うタグはaタグです <a href="URL">リンク</a> こんな感じで aタグにhref属性の値としてURLを設定して使います。 これでaタグの中身がリンクになります。試しにはてなブログにリンクをつくると リンクこんな…