すべてのカテゴリ

今回はカラフルな文字をCSSで作ってみましょう！コピペで使えるサンプル3つご用意いたしました🎵気に入ったのがあったら参考にしてもらえたら嬉しいです😊完成見本1️⃣一文字ずつ色違いにしてみました⭐️html1️⃣<p class="colorful-text">   <span>♡</span>   <span>N</span>   <span>E</span>   <span>W</span>       <span>I</span>   <span>T</span>   <span>E</span>   <span>M</span>   <span>♡</span>  </p>⭐️タイトルとして使う場合は、pタグではなく、h1〜h6タグを使うのがおすすめです。⭐️♡は中抜きの♡、 は半角スペースのことです。CSS1️⃣  <style>   .colorful-text {    text-align: center;    font-weight: bold;    letter-spacing: 0.1rem;   }   .colorful-text span:nth-of-type(odd) {    color: light

CSSだけでもする〜っとした動きは作れます。今回は質問欄を押したら、解答欄がスルスル〜っと出てくるようなものをCSSだけで作ってみます！完成見本https://　tsuyu0102.github.io/css-sample/faq-accordion/index.html▼1200px幅▼601px幅▼600px幅（レスポンシブ対応にしました）html<div class="container">   <h2>Q&A</h2>   <div class="qa-container">    <input type="checkbox" id="q01" />    <label for="q01">Q01：今日注文したらいつ届きますか？</label>    <p>ご注文確定から５日前後となります。</p>   </div>   <div class="qa-container">    <input type="checkbox" id="q02" />    <label for="q02">Q02：送料はかかりますか？</label>    <p>全国一律送料無料となっております。<br />※ただし購入商品が大型、またお届け先が沖縄及び離島・その他一部地域では追加料金を加算される場合がございます。また一部の商品に限り送料をいただく場合がございます。</p>