随笔分类 - 【HTML+CSS实例】
摘要：一、素材 二、效果三、CSS*{padding:0;margin:0} /*----------------------------------- 自适应宽度图片按钮 ---------------------------------------*/
.button { display:inline-block;
} .button span
{ display: inline-block; height: 47px; padding: 0px 0px 0px 32px; background: url(Images/button-...
阅读全文
摘要：一、网址：http://www.csszengarden.com/?cssfile=213/213.css二、效果三、CSSbody { background-color:#F0ECD6; background-image:Url(Images/water.png); background-position:top; background-repeat:repeat-x;
}
四、说明网页背景色与大海融为一体，这个是非常唯美的艺术效果。而更大的亮点则是，背景图片的左右两边各有一条没有特别虚化的亮线，这个背景图片如果只是随便地设为背景，那，背景会有两条比较明显线...
阅读全文
摘要：一、参考网址：www.kuhnsjewelers.com二、效果：三、HTML 四、CSS#search-box
{ position: relative; float: left; width: 265px; height: 55px; background: url(Images/search-bg.gif) top right no-repeat;
} .searchTextBox
{ position: relative; float: left; margin-top: 14px; mar...
阅读全文
