随笔分类 -  CSS,HTML

上一页 1 2 3 4 下一页
Web UI 界面视觉,HTML5
SVG In HTML5 Pages
摘要：这是效果图： 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta content="text/html; charset=utf-8" http-equiv="Content-Type" /> 5 <title>geovindu svg</title> 6 </head> 7 <body> 8 9 <svg width="640" height="480" xmlns=" 阅读全文
posted @ 2013-04-20 17:30 ®Geovin Du Dream Park™ 阅读(382) 评论(0) 推荐(0)
css:文本两端对齐
摘要：http://www.cs.tut.fi/~jkorpela/www/justify.htmlhttp://webdesign.about.com/od/styleproperties/p/blsptextalign.htm 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3. 阅读全文
posted @ 2013-03-05 16:52 ®Geovin Du Dream Park™ 阅读(2130) 评论(0) 推荐(0)
HTML5：Subway Map Visualization jQuery Plugin（示例畫深圳地鐵線路圖）
摘要：深圳地鐵羅寶線和蛇口線示例：見上圖。 要求瀏覽器版本：browser does support HTML5 canvas element：Google Chrome V 8+;Mozilla Firefox V 3.6+;Opera V 11+;Apple Safari V 5+;Microsoft 阅读全文
posted @ 2013-01-14 13:39 ®Geovin Du Dream Park™ 阅读(2031) 评论(0) 推荐(0)
webform TextBox以一条横线显示 ---兼容各主流瀏覽器 .
摘要：<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="DefaultForm1.aspx.cs" Inherits="Rewriter.DefaultForm1" %><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&q 阅读全文
posted @ 2012-03-21 11:19 ®Geovin Du Dream Park™ 阅读(568) 评论(0) 推荐(0)
解决IE6下透明PNG图片有灰底的解决方案
摘要：参考：http://jquery.andreaseberhard.de/pngFix/http://www.dillerdesign.com/experiment/DD_belatedPNG/#background_propertieshttp://www.iteye.com/topic/864893http://www.cnblogs.com/heiniuhaha/archive/2011/11/23/2260146.htmlhttp://blog.donews.com/jiji262/2011/05/ie6-png-fix/<!DOCTYPE html PUBLIC "-/ 阅读全文
posted @ 2012-03-01 11:06 ®Geovin Du Dream Park™ 阅读(575) 评论(0) 推荐(0)
User select font-face/color/size/backgroundColor设置 字体，颜色，大小，背景色兼容主流浏览器
摘要：<!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 content="text/html; charset=utf-8" http-equiv="Content-Typ 阅读全文
posted @ 2011-12-18 18:09 ®Geovin Du Dream Park™ 阅读(528) 评论(0) 推荐(0)
CSS DIV Shadow
摘要：css code:/* 2011-11-28 塗聚文 締友計算機信息技術有限公司 CSS DIV Shadow css3 */#geovinduDiv-shadow{ padding:10px; background-color:#f9f9f9; border:1px solid #fff; position:relative; /*Firefox*/ -moz-box-shadow: 3px 3px 4px #000; /*Safari,Chrome*/ -webkit-box-shadow: 3px 3px 4px #000; /*css3: Opera,IE9*/... 阅读全文
posted @ 2011-11-30 16:36 ®Geovin Du Dream Park™ 阅读(419) 评论(0) 推荐(1)
CSS DIV大图片右上角叠加小图片
摘要：<!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 content="text/html; charset=utf-8" http-equiv="Content-Typ 阅读全文
posted @ 2011-11-21 18:36 ®Geovin Du Dream Park™ 阅读(3513) 评论(0) 推荐(0)
CSS设置DIV Herf底层图片和链接同时改变,兼容IE，Firefox,Opera,Safari,Chrome等
摘要：/*CSS樣式設置 塗聚文 Geovin Du**/.text8{ font-family: Arial, Helvetica, sans-serif; background-image: url(../images/05.jpg); height:42px; text-align:center; }.geovindu{ cursor:auto; text-decoration: none; color: #000;} a.geovindu:hover .text8{ /*background: #000;*/ color:red;... 阅读全文
posted @ 2011-09-05 12:31 ®Geovin Du Dream Park™ 阅读(385) 评论(0) 推荐(0)
jQuery jToday Plugin
摘要：http://jtoday.codeplex.com/jQuery jToday Plugin http://blog.donavon.com/2009/09/jquery-jtoday-plugin.htmljToday.js code:// jToday a simple jQuery date display plugin by Donavon West// Copyright 2009 Donavon West. All rights reserved(function($, document) {//--------------------$.fn.jToday = function 阅读全文
posted @ 2011-07-06 19:18 ®Geovin Du Dream Park™ 阅读(300) 评论(0) 推荐(0)
CSS Vertical Text(三种方式)
摘要：http://stackoverflow.com/questions/1080792/how-to-draw-vertical-text-with-css-cross-browserhttp://www.ssi-developer.net/css/vertical-text.shtmlhttp://snook.ca/archives/html_and_css/css-text-rotationhttp://dev.opera.com/articles/view/css3-transitions-and-2d-transforms/http://grasshopperpebbles.com/cs 阅读全文
posted @ 2011-06-09 13:41 ®Geovin Du Dream Park™ 阅读(532) 评论(0) 推荐(0)
Pure CSS folded-corner effect(IE8以上,其他瀏覽器可以)
摘要：FROM: http://nicolasgallagher.com/pure-css-folded-corner-effect/代码Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/--1!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"2htmlxmlns="http://w 阅读全文
posted @ 2010-12-18 12:35 ®Geovin Du Dream Park™ 阅读(409) 评论(0) 推荐(0)
Pure CSS speech bubbles(IE7以下無效,其他瀏覽器有效)
摘要：FROM: http://nicolasgallagher.com/ 還有其他更好的CSS特效代码Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/--1!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"2htmlxmlns="http://www.w3.org/1999/xh 阅读全文
posted @ 2010-12-18 12:22 ®Geovin Du Dream Park™ 阅读(680) 评论(0) 推荐(0)
CSS Image Rollovers翻转效果Image Sprites图片精灵
摘要：代码Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/--1<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-... 阅读全文
posted @ 2010-11-22 15:06 ®Geovin Du Dream Park™ 阅读(550) 评论(0) 推荐(0)
Image Reflection with jQuery and MooTools Example实现图片半透明渐变倒影效果
摘要：Image Reflection with jQuery and MooTools Example实现图片半透明渐变倒影效果 阅读全文
posted @ 2010-11-22 13:10 ®Geovin Du Dream Park™ 阅读(704) 评论(0) 推荐(0)
css text 自动换行的实现方法 Internet Explorer,Firefox,Opera,Safar
摘要：代码Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/--1<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-... 阅读全文
posted @ 2010-11-18 20:22 ®Geovin Du Dream Park™ 阅读(611) 评论(0) 推荐(0)
css 自定义字体 Internet Explorer,Firefox,Opera,Safari
摘要：FROM: https://developer.mozilla.org/ja/CSS/@font-face http://nicewebtype.com/notes/2009/10/30/how-to-use-css-font-face/ http://www.w3.org/TR/css3-font 阅读全文
posted @ 2010-11-13 12:32 ®Geovin Du Dream Park™ 阅读(1104) 评论(0) 推荐(0)
CSS Text-Shadow in Safari, Opera, Firefox and more
摘要：from: http://maettig.com/code/css/text-shadow.html http://www.css3.info/preview/text-shadow/ http://www.w3.org/Style/Examples/007/text-shadow http://www.ssi-developer.net/css/visual-filters.shtml效果显示:... 阅读全文
posted @ 2010-10-21 13:29 ®Geovin Du Dream Park™ 阅读(555) 评论(0) 推荐(0)
CSS Vertical Text
摘要：CSS Vertical Text代码Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/--1<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/x... 阅读全文
posted @ 2010-07-13 12:12 ®Geovin Du Dream Park™ 阅读(321) 评论(0) 推荐(0)
css 汉字注音，日本语片假名
摘要：代码 Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/--1<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1... 阅读全文
posted @ 2010-01-21 11:47 ®Geovin Du Dream Park™ 阅读(1043) 评论(2) 推荐(0)

上一页 1 2 3 4 下一页