【项目实践2:(问卷)用html和css做一个网页】的更多相关文章

项目实践2:(问卷)用html和css做一个网页

好家伙,又来写项目了 1.以下是考题,姑且把他理解为甲方吧. 2.以下是附带的题目素材 开干.…

【CSS】如何用css做一个爱心

摘要:HTML的标签都比较简单,入门非常的迅速,但是CSS是一个需要我们深度挖掘的东西,里面的很多样式属性掌握几个常用的便可以实现很好看的效果,下面我便教大家如何用CSS做一个爱心. 前期预备知识: 明白正方形的画法. 明白圆形的画法. 明白什么是定位. 明白怎么旋转. 话不多说,先教大家怎么用css画一个圆形. .disc1{ width: 100px; height: 100px; border:1px solid red; background-color: red; margin:300…

如何用css做一个爱心

摘要:HTML的标签都比较简单,入门非常的迅速,但是CSS是一个需要我们深度挖掘的东西,里面的很多样式属性掌握几个常用的便可以实现很好看的效果,下面我便教大家如何用CSS做一个爱心. 前期预备知识: 明白正方形的画法. 明白圆形的画法. 明白什么是定位. 明白怎么旋转. 话不多说,先教大家怎么用css画一个圆形. .disc1{ width: 100px; height: 100px; border:1px solid red; background-color: red; margin:300…

简单说 用CSS做一个魔方旋转的效果

说明 魔方大家应该是不会陌生的,这次我们来一起用CSS实现一个魔方旋转的特效,先来看看效果图! 解释 我们要做这样的效果,重点在于怎么把6张图片,摆放成魔方的样子,而把它们摆放成魔方的样子,重点在于用好CSS的transform,这是非常重要的,好的,我们先拼出一个魔方的样子. 效果图 代码(代码比较长,朋友们可以直接粘贴复制到电脑看效果) <!DOCTYPE html> <html> <head> <meta charset="utf-8"…

如何用css做一个细虚线边框表格

<style type="text/css"> <!-- .dashed_tbl { border-top: 1px dashed #333333; border-left: 1px dashed #333333; } .dashed_tbl td{ border-bottom:1px dashed #333333; border-right:1px dashed #333333; padding:3px 10px; } --> </style> &…

CSS做一个Switch开关

本文为博主原创,转载请注明出处. Switch开关: 根据需求可知,Switch开关只有两种选择,true或false.所以我们想到HTML的checkbox控件,用它来做. <input id="switch" type="checkbox" class="switch" /> 但是在浏览器中,checkbox是有固定形状的(对勾),所以我们并不能直接修改checkbox的样式. 那我们该修改一个什么东西的样式变成开关呢?所以我们联…

js/html/css做一个简单的图片自动（auto）轮播效果//带注释

FF(firefox)/chrom/ie稳定暂无bug...注意:请自己建立一个images文件,放入几张900*238的图片(注意图片格式和名字与程序中一致). 1. [图片] 1.JPG 2. [图片] 2.JPG 3. [文件] style.css ~ 443B #contain{    float:left;    width: 900px;    height: 240px;    border: 1px dotted red;}.imageShow{    width: 900px;…

动手实践丨手把手教你用STM32做一个智能鱼缸

摘要:本文基于STM32单片机设计了一款基于物联网的智能鱼缸. 本文分享自华为云社区<基于STM32+华为云IOT设计的物联网鱼缸[玩转华为云]>,作者: DS小龙哥 . 1. 前言 为了缓解学习.生活.工作带来的压力,提升生活品质,许多人喜欢在家中.办公室等场所养鱼.为节省鱼友时间.劳力.增加养鱼乐趣:为此,本文基于STM32单片机设计了一款基于物联网的智能鱼缸.该鱼缸可以实现水温检测.水质检测.自动或手动换水.氛围灯灯光变换和自动或手动喂食等功能为一体的控制系统,鱼缸通过ESP8266连接…

html+css+js实现网页拼图游戏

代码地址如下:http://www.demodashi.com/demo/14449.html 项目描述 使用 html+js+css 实现一个网页拼图游戏,可支持简单,中等,困难三种难度. 演示效果 在浏览器直接打开网页即可运行,有三种难度可以选择, 完成拼图会显示所用的时间和步数. 项目结构 Puzzle ├── chilian.jpg ├── fifteen.css ├── fifteen.html └── fifteen.js 文件夹中只有四个文件,拼图所用的原图以及3个代码文件. 项目…

纯CSS做3D旋转魔方

昨天偶然看见网友(简单说 用CSS做一个魔方旋转的效果)做的一个3D旋转魔方  效果就是本博客右侧公告栏所示 在这里把做法展现出来 感兴趣的可以试试  做成自己特有的魔方 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <style> /*最外层容器样式*/ .wrap { width: 200px; height: 200px; margin: 200px; po…