W3.CSS 筆記

顏色

  <p><button class="w3-button w3-red">Red</button></p>
  <p><button class="w3-button w3-pink">Pink</button></p>
  <p><button class="w3-button w3-purple">Purple</button></p>
  <p><button class="w3-button w3-deep-purple">Deep Purple</button></p>
  <p><button class="w3-button w3-indigo">Indigo</button></p>
  <p><button class="w3-button w3-blue">Blue</button></p>
  <p><button class="w3-button w3-light-blue">Light Blue</button></p>
  <p><button class="w3-button w3-cyan">Cyan</button></p>
  <p><button class="w3-button w3-aqua">Aqua</button></p>
  <p><button class="w3-button w3-teal">Teal</button></p>
  <p><button class="w3-button w3-green">Green</button></p>
  <p><button class="w3-button w3-light-green">Light Green</button></p>
  <p><button class="w3-button w3-lime">Lime</button></p>
  <p><button class="w3-button w3-sand">Sand</button></p>
  <p><button class="w3-button w3-khaki">Khaki</button></p>
  <p><button class="w3-button w3-yellow">Yellow</button></p>
  <p><button class="w3-button w3-amber">Amber</button></p>
  <p><button class="w3-button w3-orange">Orange</button></p>
  <p><button class="w3-button w3-deep-orange">Deep Orange</button></p>
  <p><button class="w3-button w3-brown">Brown</button></p>
  <p><button class="w3-button w3-blue-grey">Blue Grey</button></p>
  <p><button class="w3-button w3-light-grey">Light Grey</button></p>
  <p><button class="w3-button w3-grey">Grey</button></p>
  <p><button class="w3-button w3-dark-grey">Dark Grey</button></p>
  <p><button class="w3-button w3-black">Black</button></p>
  <p><button class="w3-button w3-pale-red">Pale-red</button></p>
  <p><button class="w3-button w3-pale-yellow">Pale-yellow</button></p>
  <p><button class="w3-button w3-pale-green">Pale-green</button></p>
  <p><button class="w3-button w3-pale-blue">Pale-blue</button></p>        

發表迴響

在下方填入你的資料或按右方圖示以社群網站登入:

WordPress.com 標誌

您的留言將使用 WordPress.com 帳號。 登出 /  變更 )

Google photo

您的留言將使用 Google 帳號。 登出 /  變更 )

Twitter picture

您的留言將使用 Twitter 帳號。 登出 /  變更 )

Facebook照片

您的留言將使用 Facebook 帳號。 登出 /  變更 )

連結到 %s

This site uses Akismet to reduce spam. Learn how your comment data is processed.