HTML5编程(任务二 零基础HTML及CSS编码)(20160909-0040)
来源:互联网 发布:正在进行另一java安装 编辑:程序博客网 时间:2024/05/17 06:49
任务二 零基础HTML及CSS编码(一)
任务描述:基于第一个任务“零基础HTML编码”的代码,参考示例图(点击查看),在任务一的代码基础上增加CSS样式代码的编写。
任务分析:
(1)添加 body 背景颜色;
(2)header 部分添加黑色背景,图片靠左,列表设置 display: inline,其中 <a> 标签通过设置 text-decoration 去掉下划线;
(3)中间的文章段落添加边框,边框阴影,设置段落的缩进;
(4)图片,给每一个 figure 设置边框,设置标题、图片居中;
(5)侧边栏中的提示语和输入框居中显示;
(6)设置Button 的背景颜色,去掉边框,设置圆角;
示例代码地址
0 0
- HTML5编程(任务二 零基础HTML及CSS编码)(20160909-0040)
- HTML5编程(任务五 零基础HTML及CSS编码(二))(20160912-0043)
- 任务二:零基础HTML及CSS编码(一)
- 任务五:零基础HTML及CSS编码(二)
- 【ife】任务二:零基础HTML及CSS编码(一)
- 【ife】任务五:零基础HTML及CSS编码(二)
- task002--任务二:零基础HTML及CSS编码
- HTML5编程(任务一 零基础HTML编码)(20160908-0039)
- 百度前端学院_任务二零基础HTML及CSS编码
- 零基础HTML与CSS编码(二)
- 零基础HTML及CSS编码练习(一)
- 【ife】任务十四:零基础JavaScript编码(二)
- 学习笔记-《零基础学习HTML5—html+css基础 》4.CSS基础样式(上)
- HTML5基础(二)零基础入门
- 任务一:零基础HTML编码
- 零基础精通HTML5+CSS3(二)
- 小薇学院任务一:零基础HTML编码(笔记)
- 【教程】html+css零基础入门教程之CSS 布局(二十)
- Animation动画
- Docker-SSH服务的配置
- [JS]JS面向对象编程——创建对象
- iOS App 引导页开发
- Python 数据处理:Pandas 模块的 12 种实用技巧
- HTML5编程(任务二 零基础HTML及CSS编码)(20160909-0040)
- JS中关于clientWidth offsetWidth scrollWidth 等的含义
- 优化3D分子构型的方法有哪些
- 终极讲解:java中HashMap,LinkedHashMap,TreeMap,HashTable的区别
- nyoj_746 整数划分(四)
- 设计模式学习(七)————工厂方法模式
- 网易校招笔试-暗黑串
- win10 程序最小化不在任务栏了?在左下角
- Maven项目生成idea项目文件