DIV+CSS
文章平均质量分 64
小萝莉_Lolita
做自己的superman
展开
-
两种方法实现文字阴影效果
1:使用CSS定位的方法 —使用两个相同的文本,并通过设置第二个文本的位置,并将其放在第一个文本的右下方来制造阴影效果 2:使用CSS3提供的阴影属性来设置阴影<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>文字阴影效果</title> <style type="text/css原创 2017-07-27 23:29:19 · 1345 阅读 · 0 评论 -
DIV+CSS实现电台列表设计
CSS Spite技术:也就是CSS精灵技术,实际上CSS的精灵就是图片里的一个个的图标元素,这些图标可以使按钮、标签以及logo等等。很多网站中都应用了该技术,可有效减少传输请求次数,所需要的图标汇总在一张图片中,一次下载即可整个页面应用以下示例主要是CSS精灵技术的应用,直接Po代码:<!DOCTYPE html><html><head> <meta charset="utf-8"原创 2017-08-28 15:55:24 · 450 阅读 · 0 评论 -
圆角的设计
有三种方式可以添加圆角边框效果 1.使用图片 2.使用CSS3的border-radius属性 3.纯粹使用CSS边框颜色设置来达到圆角边框的效果使用图片的一种方法是利用四个大小相同(三角的大小视圆角框大小而定)的三角图片作为背景,同时背景色设置为三角图片色即可实现圆角背景的效果,或者直接利用圆角图片作为背景…… 下面着重介绍后两种方式的实现: border-radius属原创 2017-08-23 17:20:57 · 776 阅读 · 0 评论 -
“星星评级”样式表单设计
很多网页调查问卷中都经常使用这种形式,而且最常见的就是淘宝购物时的星级评价,下面自己动手实现一个星级评价样式的表单<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>问卷表单设计</title> <style> #frm{ float: left;原创 2017-08-23 12:14:56 · 838 阅读 · 1 评论 -
border标签造成的不良后果
border属性会影响本标签内部内容定位以及该标签外部内容的定位,而outline不会,outline属性只会参与重新绘制边框样式不涉及标签的定位。如下代码:<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>border标签的不良影响</title> <style> #frm{原创 2017-08-22 17:23:54 · 1326 阅读 · 0 评论 -
列表实现树形菜单
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>可展开列表</title> <style> .open{ list-style-image: url(img/add.png); } .close{ list-s原创 2017-08-21 17:19:34 · 1035 阅读 · 0 评论 -
关于列表的一个小问题
直接Po代码<style> #normal li{ border: 1px solid red; float: none; } #left li{ border: 1px solid green; float: left; } #right li{ border:1px solid原创 2017-08-21 16:22:37 · 323 阅读 · 0 评论 -
div制作表格
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>用DIV制作表格</title> <style> #table{ border: 1px solid black; float: left; padding: 3px;原创 2017-08-21 11:57:20 · 11124 阅读 · 1 评论 -
CSS实现表格项斜角
在进行表格项斜角设置之前,先讲述一个边框的设置效果,代码和实现的效果如下:#border{ border-top:30px solid #f00; border-right:30px solid #0f0; border-bottom:30px solid #00f; border-left: 30px solid #000; width: 0;}<div原创 2017-08-21 11:17:44 · 2377 阅读 · 0 评论 -
两种方法实现文字的移动
1:JavaScript控制,利用定时机制来实现 2:使用marquee标签marquee标签的属性及其描述列表 属性 描述 direction 控制移动方向。向左移动:left;向右移动:right behavior 控制移动方式。单方向循环:scroll;单方向不循环:slide;来回方向循环:alternate loop 循环的次数 scrollamo原创 2017-07-27 23:01:25 · 876 阅读 · 0 评论 -
CSS Spite实现菜单标签
使用CSS Spite技术来设计一个网页导航菜单,也可叫滑动门技术,因为只需将下面的图片滑动上去就可以做样式变换了利用如下图片: 代码:<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>菜单标签的Spite应用</title> <style type="text/css"> #frm原创 2017-08-28 17:14:14 · 469 阅读 · 0 评论