站长推荐：53个CSS-不可或缺的技巧(5)

34. Creating a Star Rater using CSS //用CSS创建星型评价

screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.style.cursor='hand'; this.alt='Click here to open new window\nCTRL Mouse wheel to zoom in/out';}" onclick="if(!this.resized) {return true;} else {window.open('http://www.planabc.net/uploads/200703/53css_34.gif');}" alt="" src="/info/upimg/allimg/080225/10522633.gif" onload="if(this.width>screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.alt='Click here to open new window\nCTRL Mouse wheel to zoom in/out';}" border=1>

35. The ways to style visited Links //设计浏览过链接的方法

screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.style.cursor='hand'; this.alt='Click here to open new window\nCTRL Mouse wheel to zoom in/out';}" onclick="if(!this.resized) {return true;} else {window.open('http://www.planabc.net/uploads/200703/53css_35.gif');}" alt="" src="/info/upimg/allimg/080225/10522634.gif" onload="if(this.width>screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.alt='Click here to open new window\nCTRL Mouse wheel to zoom in/out';}" border=1>

36. PDF, ZIP, DOC Links Labeling //PDF,ZIP,DOC链接的标注

screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.style.cursor='hand'; this.alt='Click here to open new window\nCTRL Mouse wheel to zoom in/out';}" onclick="if(!this.resized) {return true;} else {window.open('http://www.planabc.net/uploads/200703/53css_36.gif');}" alt="" src="/info/upimg/allimg/080225/10522635.gif" onload="if(this.width>screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.alt='Click here to open new window\nCTRL Mouse wheel to zoom in/out';}" border=1>

37. Displaying Percentages with CSS //用CSS显示百分比

screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.style.cursor='hand'; this.alt='Click here to open new window\nCTRL Mouse wheel to zoom in/out';}" onclick="if(!this.resized) {return true;} else {window.open('http://www.planabc.net/uploads/200703/53css_37.gif');}" alt="" src="/info/upimg/allimg/080225/10522636.gif" onload="if(this.width>screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.alt='Click here to open new window\nCTRL Mouse wheel to zoom in/out';}" border=1>

38. Image Floats without the Text Wrap //没有被正文包围的浮动图片

screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.style.cursor='hand'; this.alt='Click here to open new window\nCTRL Mouse wheel to zoom in/out';}" onclick="if(!this.resized) {return true;} else {window.open('http://www.planabc.net/uploads/200703/53css_38.gif');}" alt="" src="/info/upimg/allimg/080225/10522637.gif" onload="if(this.width>screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.alt='Click here to open new window\nCTRL Mouse wheel to zoom in/out';}" border=1>

39. Let visitors decide, whether or not will they open link in a new window //让访问者决定，是否会在新窗口带开链接

screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.style.cursor='hand'; this.alt='Click here to open new window\nCTRL Mouse wheel to zoom in/out';}" onclick="if(!this.resized) {return true;} else {window.open('http://www.planabc.net/uploads/200703/53css_39.gif');}" alt="" src="/info/upimg/allimg/080225/10522638.gif" onload="if(this.width>screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.alt='Click here to open new window\nCTRL Mouse wheel to zoom in/out';}" border=1>

40. Simple accessible external links //简单易用的外部链接

screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.style.cursor='hand'; this.alt='Click here to open new window\nCTRL Mouse wheel to zoom in/out';}" onclick="if(!this.resized) {return true;} else {window.open('http://www.planabc.net/uploads/200703/53css_40.gif');}" alt="" src="/info/upimg/allimg/080225/10522639.gif" onload="if(this.width>screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.alt='Click here to open new window\nCTRL Mouse wheel to zoom in/out';}" border=1>

41. Zebra Table with JavaScript and CSS //用JavaScript和CSS实现多条纹的表格

screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.style.cursor='hand'; this.alt='Click here to open new window\nCTRL Mouse wheel to zoom in/out';}" onclick="if(!this.resized) {return true;} else {window.open('http://www.planabc.net/uploads/200703/53css_41.gif');}" alt="" src="/info/upimg/allimg/080225/10522640.gif" onload="if(this.width>screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.alt='Click here to open new window\nCTRL Mouse wheel to zoom in/out';}" border=1>

42. Vertical Centering with CSS (Horizontal and Vertical Centering with CSS

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有