天府星空- 成都网站建设公司6年品牌,专注高端网页制作设计

天府星空

当前位置:主页 > TAG标签 > 实现
  • 利用css的border属性实现导航条三角效果代码 日期:2013-03-02 03:57:04 点击:60 好评:0

    --> [网站建设之]利用css的border属性实现导航条三角效果代码 , 利用CSS的@font-face属性 在网页中嵌入字体 这样就有高低左右四个三角形了,再把除了要用的三角外的其余3个三角(border)颜色设置为背风景就ok了。 01..box{ 02. 03.width:0px; 04. 05.height:0, 利用CSS制作动感导航栏 ; 06. 07.border-bottom:50px #F00 solid; 08. 09.border-left:50px #03F solid; 1...

  • 利用CSS3的checked伪类实现OL的隐藏显示 日期:2013-03-02 03:56:44 点击:174 好评:0

    input:checked + ol { background: url(toggle-small.png) 44px 5px no-repeat;margin: -22px 0 0 -44px;padding:27px 0 0 80px;height: auto;display: block; } 这个是讲当inoput 拥有了checked后它平级的OL拥有的款式。 跟着CSS3的宣布,国外研究正热火朝天,但在国内还有很多人抱着IE不支持CSS3的主意,始终金石为开不肯去学习。但是历史告知我们,好的东...

  • 分享实现CSS样式实时切换效果 日期:2013-03-02 03:55:39 点击:195 好评:0

    分享实现CSS样式实时切换效果 Tag:切换 效果 实时 样式 实现 分享 --> [网站建设之]分享实现CSS款式实时切换后果 用W3C标准建造的网站,从实践上来说可以做到完整的表现与结构相分别。打个比喻,就是可以在不动骨架(构造,XHMTL)和肌肉(行动,Javascript)的条件下,彻彻底底地换一身皮(表现,CSS)。 当然,换皮之前你需要先按W3C尺度建好你的网站,并且为它准备两套表示不一样的CSS。换皮本质上就是换CSS,咱们要做的,只是用某种方法让浏览器载入另一套CSS,从新渲染页面。 Ja...

  • 分享CSS模拟小箭头的实现代码  日期:2013-03-02 03:55:24 点击:87 好评:0

    border-width: 40px, 分享CSS模拟小箭头的实现代码 ; top: -80px; .pre { width: 200px, 分享CSS样式作弊方法 ; 分享CSS模拟小箭头的实古代码 , 分享CSS写的网页导航向上箭头 .pre-wrap { /*****去掉ie6下默认高度,设置以下属性*****/ /*****设置容器宽高为0*****/ 图: HTML代码: 代码如下: border-radius: 4px; width: 0, 分享9个网页制作常用技巧 ; 代码如下: Tag:实...

  • 分享CSS模拟小箭头的实现代码 日期:2013-03-02 03:55:23 点击:143 好评:0

    , 分享CSS样式作弊方法 .pre { left: 15px; position: absolute; .pre2 { height: 80px, 分享CSS写的网页导航向上箭头 ; } } margin: 50px auto 0; top: 20px, 分享9个网页制作常用技巧 ; .pre1, 分享25个CSS网页设计常用技巧 , .pre2 { } 复制代码 代码如下: div class=pre-wrap div class=pre div class=pre1/div div class=pr...

  • 使用CSS选择器实现超链接带带图标样式 日期:2013-03-02 03:53:27 点击:72 好评:0

    --> [网站建设之]使用CSS选择器实现超链接带带图标样式 2.定义个性化样式当初我们来为各品种型的链接定义各自的样式,其实这个时候我们需要做的仅仅是定义不同的背景图片地位(background-position): 这样,我们就为所有的链接定义了默认的样式了,所有的链...

  • 使用CSS如何实现自动换行和强制不换行 日期:2013-03-02 03:53:24 点击:52 好评:0

    , 使用CSS制作网页的15条常识 p{ text-indent:2em; } --> [网站建设之]应用CSS如何实现主动换行跟强迫不换行 自动换行 div{ word-wrap: break-word; word-break: normal, 使用CSS创建有图标的网站导航菜单 ; 强制不换行 div{ white-space:nowrap, 使用CSS3实...

  • 使用CSS3实现鼠标悬停动画 日期:2013-03-02 03:53:19 点击:168 好评:0

    transform-origin: 形变核心点设定 text-shadow: 0px 1px 3px black; 以上赋值分辨代表 X轴偏移,Y轴偏移,阴影扩散尺寸,色彩。应用到按钮、题目等处有很好的浮雕效果,同样的作风在 Mac OS X, iPhone 体系界面中有大批运用。 到这里,所有的工作都实现了,...

  • 使用CSS 3新技术 完美实现圆角效果 日期:2013-03-02 03:53:12 点击:170 好评:0

    --> [网站建设之]使用CSS 3新技术 完善实现圆角效果 后果如下: 其中 -moz-border-radius 是 Firefox 实现圆角的私有属性,而 -webkit-border-radius 是 webkit 内核阅读器(如 Safari 和 Chrome)实现圆角的私有属性,假如你只有指定某一个角是圆角的话,它...

  • 两种方法实现超出省略号效果 日期:2013-03-02 03:50:55 点击:127 好评:0

    [ 提示:你可先修改部门代码,再按Ctrl+A 全部取舍 ] js断定: HTML代码 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1, 两句CSS完美截断侧栏最新评论列表 .0 Transitional//EN html xmlns= head meta http-equiv=Content-Type content=text/html; charset=utf-...

推荐内容