样式代码
<!doctypehtml>
<html>
<head>
<metacharset="utf-8">
<title>jQueryUI Example Page</title>
<scriptsrc="js/jquery-1.10.2.js"></script>
<scriptsrc="js/jquery-ui-1.10.4.custom.js"></script>
<linkrel="stylesheet"href="css/ui-lightness/jquery-ui-1.10.4.custom.min.css">
<styletype="text/css">
#content{
border:1px solid #ddd;
width:250px;
height:250px;
}
.ui-corner-all{
//border-bottom-right-radius:40px;
}
</style>
</head>
<body>
<h1>css的使用</h1>
<p>可以在JqueryUI官网中的ThemeRoller工具来定义样式</p><br/>
<p>如果不分元素要修改样式可以定义相关的类 class名字格式”ui-样式名“,如果不知道名字可以打开css那个文件查看</p><br/>
<p>当然你也是可以直接到引入的css文件中改的</p>
<p>FrameworkIcons 的使用</p>
<p>如果你不知道怎么使用你可以找到对应的页面，然后用浏览器打开，审查元素</p>
<h1class="ui-accordion-header-icon ui-iconui-icon-scissors"></h1>
<divid="content" class="ui-corner-all"></div>
</body>
</html>
Jquery UI css的设置,布布扣,bubuko.com
原文：http://blog.csdn.net/lzz360/article/details/20355373