1、将图片添加到div中间位置

<div style="color:#0000FF" id="top">

<div class="f1" align="center"><img src="img/logo.png">         </div>

</div>

#top{background: cadetblue;height: 170px;}

2、控制DIV里的文字的位置

.f2{
  font-family: "微软雅黑" ;
  color:#FFFFFF;
  margin-top:-100px; //离顶部位置
  margin-left: 1200px; //离左边边界位置
}

PS:

css控制字体的方法:

  1. 设置字号:font-size:12px

  2. 设置字色:color:#0000

  3. 设置字体:font-family:"黑体"

  4. 设置行高:line-height:150% line-height:1.5em

  5. 设置字体的粗细:font-weight:normal[正常]bold[粗体]

  6. 设置字体样式:font-style:normal[正常]italic[斜体]

  7. 修饰文字:text-decoration:none[正常]underline[下划线]overline[上划线]line-through[删除线]

  8. 字符间距:letter-spacing:normal[默认]length[长度单位]

  9. 单词间距:word-spacing:normal[默认]length[长度单位]

  10. 设置对象中文本缩进:text-indent:length text-indent:2em

  11. 文本水平对齐方式: text-align:left[左]center[中]right[右]

  12. 对象中空白处理: white-space:normal[自动换行]pre[换行和空白受保护nowrap[强制在同一行显示]

  13. 文本大小写控制: text-transform:none[正常大小]

    capitalize[每个单词的第一个字母转换成大写]

    uppercase[转换成大写]

    lowercase[转换成小写]

Div+CSS网页设计(HTML5)相关推荐

  1. html颜色代码大全word,DIV+CSS网页设计之网页配色方案

    DIV+CSS网页设计之网页配色方案合集包含了目前常用的网页设计配色方案及其分析,网站的色彩就像是人的外表一样,如果打扮得美观大方,就会给人一种魅力四射的感受,而不修边幅则让人感到粗糙毛草,因此,网页 ...

  2. div+css网页设计例子

    最终效果图: 1.将所需图片所在的文件夹添加到创建的项目文件夹中 图片资源 2.新建default.aspx窗体,在CSS文件夹中建立index.css文档. 3.导入外联样式 在default.as ...

  3. div css网页设计源代码_HTML+CSS网页设计,企业网站服务项目布局样式

    大家好,本篇文章分享企业网站服务项目的布局样式,这种布局样式通常用于企业网站首页,企业可以向客户提供的服务内容,不同类型的企业服务项目样式也不同,这只是其中一种. 效果图: 服务项目 HTML代码: ...

  4. div css网页设计源代码_HTML+CSS网页设计,企业网站资讯文章布局样式

    大家好,本篇文章分享企业网站资讯文章的布局样式,这种布局样式通常用于企业网站首页. 效果图: 资讯文章 HTML代码: 最新资讯 Newest information 高效简洁但稳定实用的网站程序20 ...

  5. DIV+CSS网页设计常用布局代码

    单行一列 body{margin:0px;padding:0px;text-align:center;} #content{margin-left:auto;margin-right:auto;wid ...

  6. div+css网页设计-心得

    整体布局: 由外到内,从上到下,从左到右,层次分明 选用标签: div用的最多(***),整体布局用div,打包多个元素用div,文字段落用p(p_***),a常转为块级标签,一行字多个样式用span ...

  7. div+css动漫网页制作,dw个人网页设计,静态html+css网页设计

    简单个人网页制作 大学生网页设计作业 静态HTML个人博客主页 DW个人网站模板下载 大学生简单个人网页作品代码 一.作品介绍 1.作品简介 :学生个人网页制作,dw网页设计,静态div+css网页设 ...

  8. HTML+CSS网页设计期末课程大作——XXXXX (X页) HTML5网页设计成品_学生DW静态网页设计_web课程设计网页制作

    HTML+CSS网页设计期末课程大作--XXXXX (X页) HTML5网页设计成品_学生DW静态网页设计_web课程设计网页制作 常见网页设计作业题材有 个人. 美食. 公司. 学校. 旅游. 电商 ...

  9. HTML CSS 网页设计作业「体育小站」(梅西足球 6页 )

    ⛵ 源码获取 文末联系 ✈ Web前端开发技术 描述 网页设计题材,DIV+CSS 布局制作,HTML+CSS网页设计期末课程大作业 | 校园篮球网页设计 | 足球体育运动 | 体育游泳运动 | 兵乓 ...

最新文章

  1. 【资源】NLP 算法工程师相关的面试题
  2. web服务器time_wait值过高解决方案
  3. Mysql之case when用法总结
  4. C语言实现miniShell
  5. 聚类 python 代码_不足 20 行 Python 代码,高效实现 k-means 均值聚类算法
  6. oracle中偏移,怎么对相同的坐标点偏移?
  7. 1.7Oob 继承关系中构造方法的使用
  8. 深度点评五种常见WiFi搭建方案
  9. list ajax封装,util-pagelist_基于layui封装的ajax分页列表
  10. Java —— 正则表达式
  11. 笔记:Hadoop权威指南 第9章 构建Hadoop集群
  12. c++ 运算符重载(简单易懂)
  13. awk OFS问题说明
  14. 【FaceRevelio】一种用于智能手机的带有前置摄像头的 人脸活跃度检测系统
  15. random.seed(0)
  16. 产品读书《AI进化论:解码人工智能商业场景与案例》
  17. 基于深度学习的目标检测算法综述(二)
  18. 最近深圳出现了一些骗子公司,职场的朋友一定要小心了
  19. 数据结构第二版(朱昌杰版)第四章:习题4
  20. xcode ios查看视频是否为hdr

热门文章

  1. EPICS--areaDetector--ADEiger
  2. 【C#进阶二】C#中的正则表达式知识总结(字符转义/字符类/ 定位点/ 分组构造 /数量词/反向引用构造/替换构造/替代/正则表达式选项)(理论篇)
  3. php for android
  4. swift语言前景_席勒谈Swift语言:它的发展远远超出预期
  5. 玲珑杯Unity开发心得——进度条界面(异步加载游戏场景)
  6. Webpack4.0各个击破(6)loader篇
  7. 钽电解电容跟铝电解电容的区别
  8. 记录打开RIDE闪退问题
  9. pytorch笔记:构建LSTM网络,实现训练验证和测试过程
  10. 期待已久的Apple Tablet PC - iPad 发布了