9、前端开发：CSS3、iOS 样式与 JavaScript 应用

前端开发：CSS3、iOS 样式与 JavaScript 应用

1. CSS3 与 iOS 样式设计

1.1 列表样式优化

在设计列表时，我们可以通过 CSS3 为其添加一些独特的样式。例如，为列表项添加圆角和箭头图标。

li.arrow a {
    background-image: url(chevron_36.png);
    background-size:22px;
    background-position: right center;
    background-position-x: 98%;
    background-position-y: 50%;
    background-repeat: no-repeat;
    background-repeat-x: no-repeat;
    background-repeat-y: no-repeat;
    border-bottom-right-radius:8px;
}

上述代码中，我们为列表项的链接添加了一个箭头背景图片，并设置了其大小和位置，同时为右下角添加了圆角。

1.2 按钮样式转换

将普通按钮转换为 iPhone 风格的按钮，可按以下步骤操作：
1. 创建 HTML ：

<div style="padding:10px;">
    <h2>Button</h2>
    <butto