浏览模式: 标准 | 列表 |  无图浏览全部文章

CSS无图片实现圆角框

XML/HTML代码
  1. <style type="text/css">  
  2. div.RoundedCorner{background: #9BD1FA}   
  3. b.rtop, b.rbottom{display:block;background: #FFF} 
  4.  
  5. b.rtop b, b.rbottom b{
  6. display:block;
  7. height: 1px;
  8. overflow: hidden;
  9. background: #9BD1FA}

  10. b.r1{margin: 0 5px}   
  11. b.r2{margin: 0 3px}   
  12. b.r3{margin: 0 2px}   
  13. b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}   
  14. </style>  
XML/HTML代码
  1. <div class="RoundedCorner">  
  2.  <b class="rtop">
  3.   <b class="r1"></b>
  4.   <b class="r2"></b>
  5.   <b class="r3"></b>
  6.   <b class="r4"></b>
  7.  </b>  
  8. <br>无图片实现圆角框<br><br>  
  9.  <b class="rbottom">
  10.   <b class="r4"></b>
  11.   <b class="r3"></b>
  12.   <b class="r2"></b>
  13.   <b class="r1"></b>
  14.  </b>  
  15. </div>  

标签: css, 圆角框

偶也制作sablog风格(二)

昨天写了偶也制作 sablog 风格(一),写到页面细节调整这个步骤,今天接着写下去!

细节决定成败,对于做sablog风格来说也是这个理儿,这里的成败问题,就是美观,实用性以及用户感受(用户体验)范畴了!

用户体验的几个方面

1。网页配色问题:
这个好象和制作sablog风格的主题不沾边,属于网页设计的范畴,呵呵,制作sablog风格就是网页设计,哎,绕来绕去我也绕晕了,说个重点吧,就是色环理论,

标签: sablog风格, 风格制作

偶也制作sablog风格(一)

sablog风格制作步骤:

1.整体布局,确定想要的大体框架样子

2.设计各个div块的细节,可以先做出一张纯html页面

3.写入sablog专用代码,大体完成风格制作

4.各个细节的整体和相关插件的安装

标签: sablog风格, 风格制作

这该死的电脑

这该死的电脑,出问题出大发了,千万硬盘别挂,感觉转的声音又有些不对劲,

前些日子挂过一回,丢失了好多的重要文件,那里面可全是moeny呀,

而且是带"$"的money 还好,我心态好

旧的不去,新的不来

努力找回自我

努力找回自我,和高中几个同学聚了一下,

感觉很好,很有气氛,我很喜欢

聊了很多高中时候的故人和故事,那时候的我们啊,朝气的不得了,意气的不得了,也单纯的不的了,没有世故的眼神,没有现实生活的压力和羁绊,永远感觉明天是最好的,还有那涩涩的朦胧的爱恋

回来上面的状态,我想我能活过88岁

08年的第一大愿望,自己能活过88岁, 想拍砖的就来吧!

大小: 39.52 K
尺寸: 393 x 267
浏览: 21 次
点击打开新窗口浏览全图