2020年9月

今回は、CSSのborderの基本的な使い方についてご紹介します。 [HTML&CSS]borderの使い方 まずは、使用例をご覧ください。 このように、『border: 線の太さ/線の種類/線の色 ;』の順番で […]

今回は、実践でのdivタグの使い方を、デモを使いながら解説したいと思います。 実践でのdivタグの使い方 今回は、実戦でよく使うdivの使い方として、 imgでの使い方とブロック要素の横並びでの使い方をご紹介します。 i […]

今回は、width: calc();を使って、以下の画像のようなカードの横並びをする方法をご紹介します。 width:calc(…);の使い方 calcの基本的な使い方 まずは、基本的な使い方の解説からです。 これは、w […]

今回は、要素を横並びにするdisplay:flex;(flexbox)の使い方を、 画像とコード例をお見せしながらわかりやすくご紹介します。 display:flex;（flexbox)の使い方 まずは、要素を横並びにす […]

今回は、サイトの最後に書くコピーライトの書き方をご紹介します。 [簡単]HTMLコピーライトの書き方 まずは結論から！ 以下がコピーライトの書き方です。 このように、コピーライトは、 ・＠または、Copyrightの記載 […]

今回は、aタグの下線を消すtext-decorationの使い方をご紹介します。 aタグの下線を消すtext-decorationの使い方 aタグのテキストの下線を消すには、 『text-decoration: none […]

今回は、section要素とarticle要素の違いについて解説します。 sectionとarticleの違いについて まずは、以下の使用例をご覧ください。 このように、sectionとarticleの違いは、 sect […]

今回は、サイトにGoogleマップを埋め込む方法を、画像を使いながらわかりやすく解説します。 Googleマップをレスポンシブでサイトに埋め込む方法 1.Googleマップで、埋め込みたい場所を選択し、共有をクリック ま […]

今回は、navタグとリスト要素を作る際のul、ol、liタグの解説を致します。 navタグとリスト要素の使い方[ul,ol,li] まずは、ナビゲーションの要素に使うnavタグについて説明します・ ナビゲーションに使うn […]

今回は、リストの先頭に『・』や数字を表示させる『list-style』について解説致します。 リストの先頭にアクセントをつけるlist-styleの使い方 百聞は一見にしかずということで、 まずは、使用例のデモをご覧くだ […]