樣式代碼
<!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>
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
