随笔分类 -  CSS+Div

Div CSS布局入门教程
摘要：Div CSS布局入门教程 在网页制作中，有许多的术语，例如：CSS、HTML、DHTML、XHTML等等。在下面的文章中我们将会用到一些有关于HTML的基本知识，而在你学习这篇入门教程之前，请确定你已经具有了一定的HTML基础。下面我们就开始一步一步使用DIV+CSS进行网页布局设计吧。所有的设计第一步就是构思，构思好了，一般来说还需要用PhotoShop或FireWorks(以下简称PS或FW... 阅读全文

posted @ 2010-05-24 23:20 Ben zhang 阅读(272) 评论(0) 推荐(0)

CSS打造超炫进度条、柱状图
摘要：题目有点标题党了，先来个图弥补一下。怎么样，是不是有点心动了，完全CSS+Div打造。再看一下简单而又漂亮的是不是也还可以呢？下面看下代码是怎样的css：代码 Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/--1.graph{2position:rela... 阅读全文

posted @ 2010-05-24 22:02 Ben zhang 阅读(339) 评论(0) 推荐(0)

几个漂亮的Button的CSS
摘要：<span id="ArticleContent1_ArticleContent1_lblContent"><style>.btn {BORDER-RIGHT: #7b9ebd 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #7b9ebd 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; F... 阅读全文

posted @ 2009-05-17 14:19 Ben zhang 阅读(192) 评论(0) 推荐(0)

图片自动适应大小
摘要：图片自动适应大小的问题在平时制作的时候是比较常见的问题，下面提供一个比较简单的解决方法：div img {max-width:600px; //IE7、FF等其他非IE浏览器下最大宽度为600px;width:600px; //所有浏览器中图片的大小为600px;width:expression(document.body.clientWidth>600?"600px":"auto"); /... 阅读全文

posted @ 2009-05-17 14:19 Ben zhang 阅读(144) 评论(0) 推荐(0)

CSS里也能写脚本？
摘要：<style type="text/css">.showCSS{event:expression(onmouseover = function(){this.style.backgroundColor='#f0f0f0'}//QQ:272912705 光之翼 www.hi.baidu.com/jcometonmouseout = function(){this.style.backgr... 阅读全文

posted @ 2009-05-17 14:18 Ben zhang 阅读(167) 评论(0) 推荐(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 ... 阅读全文

posted @ 2009-05-17 14:16 Ben zhang 阅读(191) 评论(0) 推荐(0)

CSS+DIV(盒子)
摘要：以下是引用片段：<style type="text/css"> <!-- * { margin: 0px; padding: 0px; } body { font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin: 0px auto; height: auto; width: 760px; border: ... 阅读全文

posted @ 2009-05-17 14:15 Ben zhang 阅读(249) 评论(0) 推荐(0)

css居中盒子模式
摘要：body{background-color=#ffd8d9;margin:1px 0px opx opx;paddin:0px;text-align:center;font-size:12px;font-family:Arial,Helvetica,sans-serif;}#container{position:relative;margin:0px auto opx auto;width:700... 阅读全文

posted @ 2009-05-17 14:15 Ben zhang 阅读(548) 评论(0) 推荐(0)

导航