【HTML+CSS实例】
文章平均质量分 85
西园软件
网络编程,当个爱好吧!
展开
-
HTML+CSS实例——漂亮的背景(一)
一、网址:http://www.csszengarden.com/?cssfile=213/213.css 二、效果 三、CSS body { background-color:#F0ECD6; background-image:Url(Images/water.png); background-position:top; background-re原创 2013-06-21 07:37:27 · 2507 阅读 · 2 评论 -
漂亮的自适应宽度的多色彩CSS图片按钮
一、素材 二、效果 三、CSS *{padding:0;margin:0} /*----------------------------------- 自适应宽度图片按钮 ---------------------------------------*/ .button { display:inline-blo原创 2013-07-12 17:48:51 · 3123 阅读 · 2 评论 -
HTML+CSS实例——漂亮的查询部件(一)
一、参考网址:www.kuhnsjewelers.com 二、效果: 三、HTML 四、CSS #search-box { position: relative; float: left; width: 265px; height: 55px; background: url(Images/search原创 2013-06-21 07:22:07 · 2910 阅读 · 2 评论 -
幻灯片插件——Nivo Slider的使用(二)
Nivo Slider号称世界最棒的轻量级JQuery图片幻灯插件,按它的官网所说,“以漂亮和易于使用而闻名于世”! 憾人的效果可欣赏一下由Solagirl收集整理的实例展示:http://www.solagirl.net/mydemo/my-custom-nivo-slider/原创 2013-12-01 10:10:00 · 3416 阅读 · 1 评论 -
幻灯片插件——Nivo Slider的使用(一)(附示例源代码)
Nivo Slider号称世界最棒的轻量级JQuery图片幻灯插件,按它的官网所说,“以漂亮和易于使用而闻名于世”! 憾人的效果可欣赏一下由Solagirl收集整理的实例展示:http://www.solagirl.net/mydemo/my-custom-nivo-slider/ Nivo Slider官网地址:http://dev7studios.com/plugins/nivo-slider/原创 2013-11-04 19:17:10 · 7938 阅读 · 0 评论 -
幻灯片插件——Nivo Slider的使用(三)
五、Nivo Slider的样式 漂亮的幻灯片主要取决于样式设置,这首先要清楚它呈现时的HTML结构和内容,这个结构和内容是根据设置时的结构和内容在呈现时生成的,而设置时的结构和内容基本都设置为不显示了,简化的HTML结构和内容如下所示:原创 2013-12-01 10:51:32 · 6330 阅读 · 3 评论