Style code
<! 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> Use of css
<P> you can use the ThemeRoller tool on the JqueryUI website to define a style. </p> <br/>
<P> to modify a style without any element, you can define the relevant class name format "ui-style name". if you do not know the name, you can open the css file to view it </p> <br/>
<P> Of course, you can also directly change it to the introduced css file. </p>
<P> Use of FrameworkIcons </p>
<P> if you do not know how to use it, you can find the corresponding page and open it in a browser to review elements. </p>
<H1class = "ui-accordion-header-icon ui-iconui-icon-scissors">
<Divid = "content" class = "ui-corner-all"> </div>
</Body>
</Html>