The latest version of Google used by the browser, jquery plug-in has also been referenced, and it won't work out. paste the code to help you see it. Thank you!
<Html>
<Head>
<Meta charset = "UTF-8"/>
<Title> jquery rounded corner plug-in example </title>
<Script type = "text/javascript" src = "js/jquery-1.10.2.min.js"> </script>
<Script type = "text/javascript" src = "js/jquery. corner. js"> </script>
<Style>
*{
Margin: 0;
Padding: 0
}
. Page {
Width: 920px;
Text-indent: 20px;
}
. Top {
Background: # ff0000 url (http://www.buger.net/images/light-sky2.jpg );
Width: 600px;
Height: 100px;
}
. Xtop {
Background: # FFFFCC;
Width: 100%;
Height: 100%;
}
. Bg {
Background: # CC8822;
Width: 300px;
Height: 100px;
Padding: 8px;
}
</Style>
</Head>
<Body>
<Script>
$ (". Top"). corner (""); // rounded corner of the image
$ (". Xtop"). corner ("round 14px"); // rounded rectangle
$ (". X1"). corner ("bevelfold"); // varus
// $ (". Xtop"). corner ("long 14px"); // The excircle rectangle is missing
$ (". Bg"). corner ("");
</Script>
<Div class = "page">
<Div class = "top" data-corner = "left 20px right 20px"> </div>
<Br>
<Div class = "bg">
<Div class = "xtop x1"> tuhao
</Div>
</Div>
<Br>
<Div>
<Div class = "bg">
<Div class = "xtop" data-corner = "left 5px right 5px"> tuhao local tyrants and local tyrants </div>
</Div>
</Div>
</Body>
</Html>