欢迎光临
一个有态度、有温度的分享型博客

标签：css

使用Highcharts生成折线图和曲线图-容休博客
技术

使用Highcharts生成折线图和曲线图

Michael阅读(222)评论(0)赞(1)

折线图与曲线图可以显示随时间而变化的连续数据，因此非常适用于显示在相等时间间隔下数据的趋势。本文将结合Highcharts，生成一个城市气温变化折线图和一个随时间动态即时显示CPU走势的曲线图。 城市气温变化折线图 通过以下配置，可以生成一...

Border斜角的选项卡CSS样式示例Demo3-容休博客
技术

Border斜角的选项卡CSS样式示例Demo3

Michael阅读(258)评论(0)赞(0)

关键词： Border 边框 倾斜 斜角 CSS 样式 浏览器支持： IE8+, Chrome等现代浏览器 选项卡的样式繁多，可能你不会用到border为斜角的情况，但是这种倾斜的border的制作方式还是值得借鉴的。下面我就开始按部就班的...

jQuery实现Tab选项卡css样式及详解-容休博客
技术

jQuery实现Tab选项卡css样式及详解

Michael阅读(631)评论(0)赞(0)

为了使页面简洁而有条理，我们常常会使用到选项卡，本文记录了一个简单的选项卡的实现过程： 界面预览： 此选项卡的实现机制为： 先定义了一个无序列表，每个列表项中定义了一个链接，此链接指向一个锚点，然后通过JS控制选项卡及相关内容的显示效果。 ...

漂亮的Tab选项卡CSS样式示例Demo2-容休博客
技术

漂亮的Tab选项卡CSS样式示例Demo2

Michael阅读(734)评论(0)赞(0)

这是一款样式、语法、结构、用户体验都优秀的Tab选项卡，它的构思很奇特，感兴趣的童鞋可以加以模仿和借鉴。 首先，看一下它的整体面貌： 再来看一下HTML部分的代码： <body> <div class="wrap">...

CSS字体单位em和px的区别(转载)-容休博客
技术

CSS字体单位em和px的区别(转载)

Michael阅读(537)评论(0)赞(0)

在涉及到前端字体样式时，我们经常会注意到font-size样式的单位会有em和px之分，这常常让我们感到困惑，本文的目的就是解决这些困惑。 国大多数网站用的font-size字体单位是px，而大多数国外网站用的单位是em，究其原因：“国外人...

CSS图片定位属性使用-容休博客
技术

CSS图片定位属性使用

Michael阅读(362)评论(0)赞(0)

background-position用来指定背景图片左上角相对于容器元素左上角的位置. 有三种方式来指定background-position的值： 1、可以用top,left,center,right,bottom等值，比如backgr...

初窥CSS布局-容休博客
技术

初窥CSS布局

Michael阅读(434)评论(0)赞(0)

写一篇文章，难免要为之命名，所谓名不正，则言不顺；言不顺，则事不成。这篇文章是要说明一下CSS中的布局，实为入门之法矣。本想命名为“布局说”的，但是总感觉题目太大，被大神们看到难免沦为笑柄，思来想去，便命名为“初窥CSS布局”。 不管是写一...

导航栏样式示例：一个漂亮的导航栏样式-容休博客
技术

导航栏样式示例：一个漂亮的导航栏样式

Michael阅读(1002)评论(0)赞(0)

在看一些博客，或者打算自己做WEB开发过程中，经常会考虑到导航菜单的使用，有些导航菜单会让你赞不绝口，自己想要做一个好看的菜单时，又会感到十分的头疼，下面我就从一个导航菜单的例子Demo，来学习导航菜单的制作过程。 首先，我们看一下页面组成...

热门文章