正在加载图片...
<ul <l|>这是第一项内容 <l|>这是第二项内容 <l|>这是第三项内容 <l|>这是第四项内容 </html> 六、集例:为 Firefox、 Chrome、 Safari定义不同的样式 案例: 示例10-5:CSS3前缀 <!doctype htmI> <meta charset="utf-8 tite>为不同的浏览器设置不同的样式</ite border-radius. 5px -moz-border-top- colors #F00; webkit-border-radius: 40p <>旧浏览器:黑色边框,5像素圆角。<> li> Firefox浏览器:黑色边框,上边框为红色,5像素圆角。</i> i> Chrome浏览器:黑色边框,40像素圆角 </html> 12《网页设计与网站规划》讲稿/河南中医学院互联网应用技术研究所/htp/ bs. 51xueweb cn12 《网页设计与网站规划》讲稿 / 河南中医学院互联网应用技术研究所 / http://labs.51xueweb.cn <body> <div> <ul> <li>这是第一项内容 <li>这是第二项内容 <li>这是第三项内容 <li>这是第四项内容 </ul> </div> </body> </html> 六、案例：为 Firefox、Chrome、Safari 定义不同的样式 案例： 示例 10-5：CSS 3 前缀 <!doctype html> <html> <head> <meta charset="utf-8"> <title>为不同的浏览器设置不同的样式</title> <style> div { width:500px; height:300px; border:2px #000 solid; border-radius:5px; -moz-border-top-colors:#F00; -webkit-border-radius:40px; } </style> </head> <body> <ul> <li>IE 浏览器：黑色边框，5 像素圆角。</li> <li>Firefox 浏览器：黑色边框，上边框为红色，5 像素圆角。</li> <li>Chrome 浏览器：黑色边框，40 像素圆角。</li> </ul> <div></div> </body> </html>