用 HTML 與 CSS 給 App 加入更多設計

Created by Rails Girls

Translation by JuanitoFatas, @JuanitoFatas

##1.設計選單

##2.設計 table

css .container a:hover { color: #f55e55; text-decoration: none; background-color: rgba(255, 255, 255, 0); }

##3.加入 Footer 的樣式

##4.給按鈕加上樣式

加入下列 CSS 至 app/assets/stylesheets/ideas.css.scss 檔案:

css .container input[type="submit"] { height: 30px; font-size: 13px; background-color: #f55e55; border: none; color: #fff; }

教練: 解釋 CSS 的 border 屬性怎麼使用,試著修改按鈕的樣式,像是加點陰影、改變顏色、加邊角等。