html 代码
<i id="swtIcon_Counter" class="swtIcon_Counter">9</i>
css 代码
.swtIcon_Counter {
    width:28px;height:28px;
    text-align:center;line-height:26px;
   background-color:#e60012;color:#fff;font-size:18px;font-style:normal;-moz-border-radius:28px;
   -webkit-border-radius:28px;border-radius:28px;-moz-box-shadow:0 0 3px rgba(0,0,0,0.8);
   -webkit-box-shadow:0 0 3px rgba(0,0,0,0.8);box-shadow:0 0 3px rgba(0,0,0,0.8);}

普通分类:

div+css

Read more about css 画圆圈里面有白字

css中position:fixed实现div居中上下左右居中，fixeddiv

星期日, 2015-04-05 15:59 — shiping1

普通分类:

div+css

Read more about css中position:fixed实现div居中上下左右居中，fixeddiv

圆角和阴影背景大小反正手机浏览器肯定适用边框阴影有大用有大大用有大大大用

星期日, 2015-04-05 12:17 — shiping1

//下面红的是圆角和阴影
.swtCenter {width:279px;height:261px; background-color:#FFF;
position:fixed;left:50%;top:50%;z-index:200;
margin-left:-139px;
margin-top:-130px;
-moz-border-radius:15px;
-webkit-border-radius:15px;
border-radius:15px;
-moz-box-shadow:0 0 20px rgba(10,2,4,0.75);
-webkit-box-shadow:0 0 20px rgba(10,2,4,0.75);
box-shadow:0 0 20px rgba(10,2,4,0.75);
}

//下面红的是背景大小
.closeBtn_swt {
right:-5px;top:-5px;width:44px;height:44px;

普通分类:

div+css

Read more about 圆角和阴影背景大小反正手机浏览器肯定适用边框阴影有大用有大大用有大大大用

css <li> 怎样去掉前面一点

星期三, 2015-03-25 08:43 — shiping1

ul,li{
    list-style: none outside none;
}






ul,ol,li{list-style-type:none;} 

添加一个样式写上这些就可以了。

普通分类:

div+css

Read more about css 怎样去掉前面一点

如何用css使边框颜色渐变有大用

星期二, 2015-03-24 14:16 — shiping1

使用CSS3的border-radius属性，如果你设置了border的宽度是X px，那么你就可以在这个border上使用X种颜色，每种颜色显示1px的宽度。如果说你的border的宽度是10个像素，但是只声明了5或6中颜色，那么最后一个颜色将被添加到剩下的宽度。
　　
浏览器兼容性
　　
目前只有Firefox支持CSS3 border-colour属性，所以我们这里只需使用-moz前缀。
　　

一、CSS3中的边框颜色

普通分类:

div+css

Read more about 如何用css使边框颜色渐变有大用

绝对定位居中显示

星期三, 2015-03-18 18:13 — shiping1

#showBigtu{
   position:fixed;
   left:0;
   right:0;
   margin-left:auto;
   margin-right:auto;
    width:100px;
   top:100px;
   z-index:1002;
}

普通分类:

div+css

Read more about 绝对定位居中显示

HTML5的两张图片中间为什么会有4个像素的空白呢？见红色的字已经把所有的margin、padding、border都设为0了空隙空档间距间隔空白间距间隙自己亲自做的有大用

星期二, 2015-01-27 14:40 — shiping1

两种方法

1) <img> display:block

2) img 的父元素加上 line-height:0; 和 font-size:0

普通分类:

div+css

Read more about HTML5的两张图片中间为什么会有4个像素的空白呢？见红色的字已经把所有的margin、padding、border都设为0了空隙空档间距间隔空白间距间隙自己亲自做的有大用

一个css 的例子

星期五, 2015-01-16 15:35 — shiping1

/* 960 Grid System ~ Core CSS.
 * Learn more ~ http://960.gs/
 * *
 * Licensed under GPL and MIT. */
/*!

普通分类:

div+css

Read more about 一个css 的例子

幻灯片收费插件破解版-ROYALSLIDER-VIDEO GALLERY

星期三, 2015-01-14 14:31 — shiping1

我所使用的方法   已打包成附件 RoyalSlider.zip
   下面是html代码
<section id="covers">

   <h1 class="visuallyhidden">Covers</h1>

       <div id="full-width-slider" class="royalSlider rsUni">

           <div class="rsContent">

普通分类:

div+css

Read more about 幻灯片收费插件破解版-ROYALSLIDER-VIDEO GALLERY

CSS3 圆角（border-radius）上半部圆角下半部圆角有大用

星期五, 2014-12-26 16:42 — shiping1

普通分类:

div+css

Read more about CSS3 圆角（border-radius）上半部圆角下半部圆角有大用

css 斜体

星期四, 2014-12-25 13:21 — shiping1

普通分类:

div+css

Read more about css 斜体

div 绝对定位居中 absolute fixed

星期三, 2014-12-24 15:16 — shiping1

html代码
<div class="pop_div">
<div class="pop_div_inner">

普通分类:

div+css

Read more about div 绝对定位居中 absolute fixed

文本模糊效果有大用

星期五, 2014-12-19 14:18 — shiping1

下面是自己亲自做的例子
.mohu {text-shadow:0 0 4px #dddddd;opacity:0.08; }

普通分类:

div+css

Read more about 文本模糊效果有大用

CSS3 box-shadow 属性

星期三, 2014-12-10 14:40 — shiping1

普通分类:

div+css

Read more about CSS3 box-shadow 属性

shadow box-shadow 边框阴影左侧左边左部右侧右边右部顶侧顶部顶边底部底侧底边上侧上边上部下侧下边下部有大用有大大用

星期二, 2014-12-09 14:07 — shiping1

<div class="xiaozhangshiping">
                        <a id="shiping" class="shiping" href="/iframeshiping.html"><img alt="校长解读吴中服装学校" src="/templets/hanlaoshi/images/xiangshishipingtu.jpg"></a>
                        <p class="wuzhongbei">"苏州电视台"采访报道</p>
                      </div>

#横向偏移3像素，纵向偏移3像素，模糊4像素，颜色为纯黑

普通分类:

div+css

Read more about shadow box-shadow 边框阴影左侧左边左部右侧右边右部顶侧顶部顶边底部底侧底边上侧上边上部下侧下边下部有大用有大大用

CSS3实现背景颜色线性渐变gradient 有大用

星期四, 2014-12-04 15:07 — shiping1

下面的代码绝对有大用
.zyszone a{
display: block;
width: 100%;

普通分类:

div+css

Read more about CSS3实现背景颜色线性渐变gradient 有大用

sublime,phpstorm

星期六, 2014-11-29 14:05 — shiping1

普通分类:

div+css

Read more about sublime,phpstorm

bootstrap 全局 CSS 样式有大用

星期六, 2014-11-29 13:08 — shiping1

来自 http://v3.bootcss.com/css/ 有大用
深入了解 Bootstrap 底层结构的关键部分，包括我们让 web 开发变得更好、更快、更强壮的最佳实践。

HTML5 文档类型

Bootstrap 使用到的某些 HTML 元素和 CSS 属性需要将页面设置为 HTML5 文档类型。在你项目中的每个页面都要参照下面的格式进行设置。

普通分类:

div+css

Read more about bootstrap 全局 CSS 样式有大用

bootstrap pc 和 wap 响应式

星期六, 2014-11-29 11:31 — shiping1

【高级】[苏州]泪痕_元怜(958186957)  11:21:16
bootstrap 做的网站图片比较多时
用响应式合适吗
换句话说用手机访问  会不会有问题 ?
【进阶】[重庆]超级菜鸟(476193959)  11:21:59
流量大，
【高级】[苏州]泪痕_元怜(958186957)  11:22:22
?
我还是想做两套网站了
【进阶】[重庆]超级菜鸟(476193959)  11:22:41
耗流量
除非你在后端处理图片
【高级】墨尔本-Tim(3080812)  11:23:31
如果你手机不需要这些图片的话，确实不合适。
【进阶】[中山]猫之良品<catcat811@gmail.com>  11:23:32
facebook能不能发长文章？
【进阶】[加拿大]姜雨晴(276250522)  11:23:45
多长？
【高级】[苏州]泪痕_元怜(958186957)  11:23:50
有后端处理图片如何实现根据 pc 和  wap的不同

普通分类:

div+css