自己還是喜歡寫網頁相關的教學，不管是什麼程式語言都沒有前端語言（HTML、CSS、JavaScript）來的習慣！只要沒有資訊安全的問題，前端可說是超級萬能！竟然連 QR Code 都可以生成，也太強大！jQuery.qrcode 依賴 jQuery 函式庫，壓縮版僅 25KB 的大小，可說是相當輕量級的前端插件，相當簡單就可以生成自定義的 QR Code，渲染方式有 canvas、

在網頁中，只要用 CSS 就可以輕鬆讓按鈕得到圓角的效果，那在 Android APP 中要將按鈕用成圓角的該怎麼做呢？其實可以設計一個圓角按鈕的圖片當作該按鈕的背景，就可以達到這個效果，不過個人想單純用程式達成，所以今天要示範最簡單的一種，也就是建立純色圓角資源，接著在按鈕背景屬性中引入該資源，這樣就可以擁有一個純色圓角按鈕！我們使用 Android Studio 做為整合開發環境。

很多人都想用最簡單的方式達成網頁元素水平垂直置中、置中央，其實只要純 CSS 就可以做到囉！這邊直接示範把網頁元素置於整個網頁畫面的中央位置，這樣如果你要做其他的運用也只要簡單修改就可以做到。 這邊首先要把 、 設定為寬高都為 100%，接著建立一個 容器設定 display 為 flex，接著設定兩個屬性給這個容器： align-items 是垂直方向對齊；

某些狀況之下，需要在網頁上做區塊輪播的效果，以達到一個畫面可以顯示更多資訊的目的，舉例來說：要顯示的資料過多、一次顯示在畫面上會很雜亂。當然除此之外，還能用做圖片的幻燈片效果，重點是從頭到尾都不用碰到 JavaScript！純 CSS 搭配 HTML 就能做到囉！現在我就用一組簡易的示範來簡單描述原始碼： 這裡先用一個 <div class="slider-container"

是 CSS 的一種虛擬（偽）類別選擇器，可以針對特定元件或全局修改其捲軸樣式，但僅適用於支援 WebKit 的瀏覽器，舉例來說：Chrome、Edge 與 Safari 都可以看到效果。它有許多相關的選擇器可以使用，常用的列在下面： 捲軸上的按鈕（上下箭頭） 捲軸本體 捲軸底（本體滑動的軌道） 同時有垂直與水平捲軸時交會的部分 直接使用 是針對全局，而若要指定某一區塊修改捲軸，