css
文章平均质量分 53
潇遥快乐
这个作者很懒,什么都没留下…
展开
-
导航表单改进版
#nav a {font-size: 18px;color: #C63;text-decoration: none;display: block;width: 140px;padding: 6px 10px 4px;border: 1px solid #33CC99;}#nav a:hover {color: #F00;background-color:原创 2016-06-24 21:24:16 · 489 阅读 · 0 评论 -
CSS中的几种选择器
1.标记选择器p{color:bule;font-size:18px;}2.类选择器.one{color:red;}.two{font-size:20px;}应用第一种Class选择样式应用第二种Class选择样式3.id选择器#one{color:red;}#two{font-size原创 2016-06-24 21:30:39 · 1203 阅读 · 0 评论 -
用CSS设置当鼠标移动到图片内时显示文字
.a{background-image:url(../%E4%B8%AD%E5%9B%BD%E5%9C%B0%E5%9B%BE.jpg);height:800px;//一定要设置高度,不然图片不能显示background-position:center; } .a span{display:none;text-decoration:none;}.a:hover sp原创 2016-06-22 21:10:35 · 18081 阅读 · 1 评论 -
CSS中盒子模型详解
CSS中块状结构类似于盒子模型,如下图:从左至又分别是外边距,边框,内边距,内容,下面我们来分别测试这几个属性。我先做一个没有任何修饰的盒子模型:代码如下:.text {width: 400px;height: 400px;display: block;border: solid 2px blue;}盒子模型原创 2016-07-08 09:44:58 · 3252 阅读 · 0 评论 -
CSS中交集选择器详解
CSS中交集选择器有两种,分别是例如 p.special{} 以及p#special类似的两种交集选择器中不能有空格,下面是测试代码p{color:green}p.specialone{color:blue}p#specialtwo{color:red;}交集选择器测试交集选择器交集选择器原创 2016-07-08 09:30:45 · 7387 阅读 · 0 评论 -
用CSS样式制作导航菜单
#menu {width: 200px;font-family: "宋体";}#menu ul li {list-style: none;}#menu ul li a {display: block;text-decoration: none;border: solid 1px #6600CC;padding: 5px 20px 10px 30px;原创 2016-06-23 18:41:17 · 860 阅读 · 0 评论 -
如何利用jQuery制作下拉导航菜单
下拉导航菜单可以用jQuery制作,首先做三个导航条(css代码省略了) 衬衫 短袖衬衫 长袖衬衫 短袖T恤 短袖T恤 卫衣 开襟卫衣 套头卫衣 运动卫衣 童装原创 2016-08-03 23:35:38 · 1358 阅读 · 0 评论