2011年11月7日
摘要: DIV+CSS虚线边框|CSS虚线下划线及虚线列表教程1、CSS边框虚线 - TOP这里通过边框属性的虚线边框border控制虚线。以下设置的css 高度(css height)和css 宽度(css width)为350像素是为了便于观看演示 其它意思。一、四边为虚线边框border:1px dashed #000; 黑色虚线边框实例:CSS代码: .divcss5{border:1px dashed #000; height:50px;width:350px}Html代码: <div class="divcss5">我的四边为黑色虚线边框</div&g 阅读全文
posted @ 2011-11-07 08:54 转 阅读(2216) 评论(0) 推荐(0) 编辑
摘要: 用CSS控制超链接样式-css超链接本文将讲解通过css样式或通过css来控制超链接样式。这里主要讲文字类型的超链接,超链接的样式包括通过CSS来控制设置超链接有无下划线、超链接文字颜色等样式。什么是超链接?超链接通俗地指从一个网页指向一个目标的连接关系,这个目标可以是另一个网页,也可以是相同网页上的不同位置,还可以是一个图片,一个电子邮件地址,一个文件,甚至是一个应用程序。而在一个网页中用来超链接的对象,可以是一段文本或者是一个图片。当浏览者单击已经链接的文字或图片后,链接目标将显示在浏览器上,并且根据目标的类型来打开或运行。超链接的代码<a href="http://www 阅读全文
posted @ 2011-11-07 08:53 转 阅读(926) 评论(0) 推荐(0) 编辑
摘要: STYLE部分代码<style type="text/css">body{margin:0;padding:0;}##a,#b,#c,#d,#e,#f,#g{ width:1000px;margin:0 auto;}#a{background:#F9F;height:20px;}#b{background:#CF6;height:70px;}#c{background:#FF9;height:130px;}#d{background:#CFC;height:880px;}#d1{background:#9CF;height:880px;width:200px;f 阅读全文
posted @ 2011-11-07 08:52 转 阅读(161) 评论(0) 推荐(0) 编辑
摘要: 编辑器加载中...CSS部分代码显示<style type="text/css">body{background:#fff;font:13px/1.5 Arial, Helvetica, sans-serif;margin:0;padding:0;}.rounded{background:#aaa url(images/lt.gif) top left no-repeat;width:100%;}.rounded h2{background:url(images/rt.gif) top right no-repeat;padding:20px 20px 10px 阅读全文
posted @ 2011-11-07 08:48 转 阅读(231) 评论(0) 推荐(0) 编辑
摘要: 利用spry来实现页面的选项卡页面html页面的主要代码(默认运用spry自带的脚本)<style type="text/css"><!--body{font-family:Arial, Helvetica, sans-serif;}img{float:left;}--></style><script src="SpryAssets/SpryTabbedPanels.js" type="text/javascript"></script><script src=&quo 阅读全文
posted @ 2011-11-07 08:45 转 阅读(1524) 评论(0) 推荐(0) 编辑
  2011年11月4日
摘要: 布局{右边框架浮动(动态显示)/左边框浮动(动态显示)}右边框代码部分:<style type="text/css">#header,#content,#footer{background-color:#ccc;border:1px solid #0c0;height:30px;width:80%;margin:10px auto;}#content{height:500px;}#left{height:500px;width:100px;border:1px red solid;float:left;background-color:#966;}#right{ 阅读全文
posted @ 2011-11-04 08:16 转 阅读(172) 评论(0) 推荐(0) 编辑
摘要: 左右动态,中间固定css部分代码<style type="text/css">#header,#content,#footer{background-color:#ccc;border:1px solid #0c0;height:30px;width:80%;margin:10px auto;}#content{height:500px;}#left{height:500px;width:50%;float:left;margin-left:-50px;}#left1{height:500px;background-color:#966;margin-left: 阅读全文
posted @ 2011-11-04 08:15 转 阅读(123) 评论(0) 推荐(0) 编辑
摘要: 代码部分:<style type="text/css">#header,#content,#footer{background-color:#ccc;border:1px solid #0c0;height:30px;width:80%;margin:10px auto;}#content{height:500px;}#left{height:500px;width:30%;float:left;background-color: #C36;}#right{width:20%;height:500px;float:right;background-color:# 阅读全文
posted @ 2011-11-04 08:14 转 阅读(134) 评论(0) 推荐(0) 编辑
  2011年10月27日
摘要: 完整CSS html最小高度实例代码<!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/ 阅读全文
posted @ 2011-10-27 18:34 转 阅读(798) 评论(0) 推荐(0) 编辑
  2011年10月24日
摘要: <style><!--img{ border-color:blue; border-width:5px;}img.one{ border-left:dotted; border-right:groove; border-top:double; border-bottom:outset; }img.two{border-style:dashed;}img.three{border-style:double;}img.four{border-style:groove;}img.five{border-style:inset;}img.six{border-style:out... 阅读全文
posted @ 2011-10-24 11:31 转 阅读(597) 评论(0) 推荐(0) 编辑