蘋果開關按鈕是一種常見的UI元素，在網頁設計中經常用到。通過CSS可以輕松模擬這種風格，使網頁看起來更加現代化。下面是一些簡單的CSS代碼，可用于模擬蘋果開關按鈕的效果。

.switch{
position:relative;
display:inline-block;
width:50px;
height:30px;
margin:10px;
background-color:#e5e5e5;
border-radius:60px;
border:1px solid #ccc;
overflow:hidden;
cursor:pointer;
}
.switch.active{
background-color:#71bc5e;
}
.switch.active .slider{
left:calc(100% - 20px);
}
.slider{
position:absolute;
top:0;
left:0;
height:28px;
width:28px;
margin:1px;
background-color:#fff;
border-radius:54px;
box-shadow:0 0 2px rgba(#000,0.4);
transition:0.3s;
}

以上代碼中，使用了兩個class，.switch和.slider。.switch是我們創建的開關元素的基本樣式，包括元素的高度、寬度、背景顏色、邊框顏色、邊框粗細、圓角大小等。我們還使用了overflow:hidden屬性來隱藏滑塊的任何溢出內容。

.slider是我們滑塊的樣式，定義了滑塊的高度、寬度、背景顏色、陰影等。通過添加transition:0.3s;屬性，我們添加了一個簡單的動畫效果，使開關在被觸發時平滑移動。

當我們想要為我們的開關元素添加“ON”和“OFF”兩種選項時，我們可以使用一個名為.active的class元素。 我們可以使用.active來改變開關的背景顏色和滑塊的位置 以實現“ON”和“OFF”兩種狀態間的切換。

這就是我們在CSS中模擬蘋果開關按鈕的方式。使用這些CSS代碼，我們可以在自己的網站上創建出一個現代化的UI，使用戶對網站的使用感到更加方便、順暢。