最近经常有朋友问我想在网上一些网页特效代码写法该怎么做?什么都不会从何学起?针对这样的题目实在难以给出正确的答案。假如你是想通过写法，那么首先你要把建站工具开起来，假如不懂怎么开始弄清以下代码，就先学习怎么使用一些最常见的网页设计软件。

等代码完全展开起来后再学习各种难度更高的代码编写技巧，然后加以运用到建站工具展中，理论与实践相结合才能进步更快。也有人问如何做网页设计，说实话，在网站设计这方更有效果，请看以下一个CSS代码吧！

#ifocus { width:718px; height:289px; background:url(../img/ifocus-bg.jpg) no-repeat; position:relative; }

#ifocus_pic { display:inline; position:relative; float:left; width:546px; height:270px; overflow:hidden; margin:10px 0 0 10px; }

#ifocus_piclist { position:absolute; }
#ifocus_piclist li { width:546px; height:270px; overflow:hidden; }
#ifocus_piclist img { width:546px; height:270px; }

#ifocus_bk1,#ifocus_bk2,#ifocus_bk3,#ifocus_bk4{ width:50px; height:41px; position:absolute; float:left; z-index:20;}
#ifocus_bk1{ background: url(../img/ifocus-bk1.gif) no-repeat; top:0px;left:0px;}
#ifocus_bk2{ background: url(../img/ifocus-bk2.gif) no-repeat; top:0px;left:668px;}
#ifocus_bk3{ background: url(../img/ifocus-bk3.gif) no-repeat; top:248px;left:0px;}
#ifocus_bk4{ background: url(../img/ifocus-bk4.gif) no-repeat; top:248px;left:668px;}