![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
精通css-高级web标准解决方案-代码
文章平均质量分 89
qq_34664510
这个作者很懒,什么都没留下…
展开
-
精通CSS 第五章 立体按钮
有效的链接变化a:link,a:visited{color:red;}a:hover,a:focus,a:active{color:blue;}//顺序调换不起作用简单按钮 <style> p{margin: 5em;} a{ font-size: 30px;font-weight: 500;} a.button{ dis原创 2017-08-09 09:35:07 · 190 阅读 · 0 评论 -
精通css 第六章 (1)导航栏
下拉菜单.nav li{ list-style-type: none; line-height: 30px; text-align: center;}.nav>li{ float: left;}.nav li a{ display: inline-block; width: 100px; height: 30px; text-d原创 2017-07-26 11:52:26 · 323 阅读 · 0 评论 -
精通css 第六章 (2)图片热点定位
flickr风格图像映射效果<style> .imgmap{ width:333px ;/*等于大图片尺寸*/ height: 500px; position: relative; } .imgmap ul{ margin:0; padding: 0; list-style: no原创 2017-08-10 08:26:58 · 1073 阅读 · 0 评论 -
精通CSS 第四章 背景图片效果
*css3效果做法简单,其他方法仅作了解,利于深入了解css做圆角背景图片做圆角效果.container{ width:424px;/*图片宽度*/ background: url("tile2.gif") repeat-y;}h2{ background: url("top2.gif") no-repeat left top; padding: 20px 0 0原创 2017-08-02 11:07:41 · 473 阅读 · 0 评论