css如何控制div的样式适合新同学

 时间:2024-10-12 20:45:16

1、新建一个html页面,以方便在网页中来显示操作的效果,下图是在编辑器中编辑div的基本代码

css如何控制div的样式适合新同学

2、建一个div容器我用的是dw来操作,可以用快捷键来操作alt+i+y+d,并加上class名div

css如何控制div的样式适合新同学
css如何控制div的样式适合新同学

3、然后清空div标签中其他内容,只显示<div class="d坡纠课柩iv"></di即枢潋雳v>,在body中加入 style,然后来定义高height:200px;宽width:200px;只定义高和宽是不会显示,为了看清楚加上了边框并上了红色

css如何控制div的样式适合新同学
css如何控制div的样式适合新同学

4、在div容器中加入文字,并设置文字的 字号,字体,和颜色,在div中加入“这是我的蟠校盯昂div”,然后在样式中加入 “font-family: "宋体"; font-size:14px; color:#FF0000”

css如何控制div的样式适合新同学
css如何控制div的样式适合新同学

5、有些时候 是需要文字居中显示的,我们来设置一下文字在div中居中显示,只要加上一句话就可以 ,text-align:center,当然也可以是偏左或者偏右,默认是偏左的

css如何控制div的样式适合新同学
css如何控制div的样式适合新同学

6、定义div在页面中的位置,也可以确定到三个位置,左中右,但是文本的定义方法不太一样,margin:0 auto; 0是距离上边的距离,auto是距离两边为自动

css如何控制div的样式适合新同学
css如何控制div的样式适合新同学
  • 三维家手动尺寸拉伸怎样设置
  • 酷家乐商品棚拍功能介绍
  • CAD2014快速计算器:[1]如何启动快速计算器
  • 酷家乐轻奢厨卫素材库更新介绍
  • 热门搜索
    防震手抄报内容 安全小常识手抄报 文明手抄报的资料 让世界充满爱手抄报 传统文化手抄报大全 长城手抄报图片大全 古诗词手抄报内容 感恩节手抄报图片大全 食品卫生安全手抄报 关于菊花的手抄报