设置jQuerymobile 中li标签的四个角为圆润形状
时间: 2024-04-08 10:35:21 浏览: 162
jQuery动态添加li标签并添加属性和绑定事件方法
5星 · 资源好评率100%
在jQuery Mobile中,你可以使用`data-role="listview"`来定义列表视图,然后使用CSS来设置li元素的圆角。以下是一个示例:
```html
<ul data-role="listview" class="my-listview">
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>
```
然后,在CSS中添加以下样式:
```css
.my-listview li {
border-radius: 10px; /* 设置li元素的边框圆角为10像素 */
}
```
这样就会将li元素的四个角设置为圆润形状,你可以根据需要调整`border-radius`属性的值来改变圆角的大小。记得在引入jQuery Mobile CSS文件后才能生效。
阅读全文