文字写在边线上的css特效

发布时间：2014-08-19 09:21:47　来源/作者：学技巧网页制作　分类：文字特效阅读：0次点评一下

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>学技巧网站制作xuejiqiao.com CSS特效代码展示</title> <style type="text/css"> * { font-size:12px; margin:0; padding:0; } fieldset { padding:10px; margin:10px; width:270px; color:#333; border:#06c dashed 1px; } legend { color:#06c; font-weight:800; background:#fff; } ul { list-style-type: none; margin:8px 0 4px 0; } li { margin-top:4px; } </style> </head> <body> <fieldset> <legend>xuejiqiao.Com CSS网页布局</legend> <ul> <li>Div+CSS教程系统的讲述了关于CSS布局的知识</li> <li>CSS布局实例 xuejiqiao.com中的一些实例</li> <li>CSS模板下载你可以查看一些模板</li> <li>CSS酷站欣赏高手与大师的作品定会让你有所收获</li> </ul> </fieldset> </body> </html> <a href="http://www.xuejiqiao.com/texiao/">欢迎访问学技巧网站制作</a>

(www.xuejiqiao.com)提示：可修改后再运行代码!

CSS实现的文字写在边线上的效果用特效，网页中经常见到的一个特效。

本文版权归原作者所有，转载请注明原文来源出处，学技巧网站制作感谢您的支持！