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

标签:css

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

CSS图片定位属性使用

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

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

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

初窥CSS布局

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

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

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

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

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

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