网站制作共8篇
这里主要是一些关于网站制作方面的技巧,主要涉及CSS、HTML、JS等。
CSS 实现矩形四个边角加粗的方法-灵阳星空

CSS 实现矩形四个边角加粗的方法

先上效果图: html代码 <body> <h1 style='color: red'>css实现矩形边角加粗</h1> <div class='main'> <span></span> <span...
网络臭虫的头像-灵阳星空网络臭虫昨天 21:13
03915
CSS 实现 Logo 扫光效果-灵阳星空

CSS 实现 Logo 扫光效果

逛博客的时候看到很多博客 logo 都有类似知更鸟住的扫光效果,于是就踏着大神的步伐一步步实现 logo 扫光效果,记录如下。 logo 扫光效果思路非常简单: 用 CSS3 伪元素 :bfore 或 :after...
网络臭虫的头像-灵阳星空网络臭虫昨天 20:38
02814
前端教程:CSS书写规范、顺序推荐-灵阳星空

前端教程:CSS书写规范、顺序推荐

写了这么久的CSS,但大部分前端er都没有按照良好的CSS书写规范来写CSS代码,这样会影响代码的阅读体验,这里设计达人网总结一个CSS书写规范、CSS书写顺序供大家参考,这些是参考了国外一些文章...
网络臭虫的头像-灵阳星空网络臭虫10-21 22:21
05415
一段CSS代码让div盒子有立体效果-灵阳星空

一段CSS代码让div盒子有立体效果

先上效果图,再来代码: 上图是对一个336*280px大小的矩形进行了调整,给它增加了一个投影的效果,就好像它立了起来,有种立体的感觉,怎么做到的呢?其实也就是一段CSS的功夫。先确定下html...
网络臭虫的头像-灵阳星空网络臭虫10-19 21:10
06115
简单实用的倒计时HTML源码-灵阳星空

简单实用的倒计时HTML源码

非常简单实用的倒计时HTML源码,效果如下图: 废话不多说,直接上源码: <div class='gn_box'> <h1><center><font color=#E80017>2</font><font color...
网络臭虫的头像-灵阳星空网络臭虫10-19 21:05
02515
html5+css3进度条倒计时动画特效-灵阳星空

html5+css3进度条倒计时动画特效

html5+css3进度条倒计时动画特效这个作品在今天上网找网络资源的时候无意中发现的,看到效果非常棒并且很实用,就第一时间把它整理出来与大家分享了,主要用到了html5、javascript和css3技术,...
网络臭虫的头像-灵阳星空网络臭虫10-18 17:28
02213
CSS样式中有空格和无空格的区别-灵阳星空

CSS样式中有空格和无空格的区别

经常看到样式表中有 .header .content、.header.content、.header>.content 这几个选择器单不知道都表示什么意思,于是求助于万能的搜索,已经有答案了,记录下。 .header.content 中间...
网络臭虫的头像-灵阳星空网络臭虫09-29 21:10
03310
纯HTML+CSS实现文章中添加自适应表格-灵阳星空

纯HTML+CSS实现文章中添加自适应表格

响应式设计的主题在文章中添加表格一直是个难题,网上找了两个不算完美的实例,供大家参考: 实例一 表格超出页面宽度部分隐藏,并利用滚动滑块查看隐藏的部分。编辑文章时切换到文本模式,将下...
网络臭虫的头像-灵阳星空网络臭虫09-26 21:34
03712