可以用“text-align”属性控制du文字的位置,“center”属性值让文字居中显示。
1、新建html文档,在body标签中添加一个div标签,在div标签中添加p标签,这时文字将会在div标签中靠左显示:
2、为div标签设置“text-align”属性,属性值为“center”,这时文本将会居中显示:
3、想让文本靠右显示,可以为“text-align”属性设置“right”属性值,这时文本将会靠右显示:
用法1:
用法2:
参数含义
CSS中关于P标签中的样式:
1、font-family:浏览器在显示字体的时候,依次判断是否支持当前的字体,直到最后的字体系列。
font-family:"宋体","仿宋",sans-serif 浏览器若不支持宋体,则用仿宋;若不支持仿宋,则在sans-serif中找。
2、font-weight:确定字体的粗细
font-weight: bold
bold:加粗;bloder:深度加粗;lighter:细体;
3、font-size:字体的大小,默认字体大小是16px
font-size:200%
4、font-style:字体的显示样式
font-style: italic
italic:斜体; normal:正常
5、color:字体颜色
color: red
6、opacity:字体的透明度
opacity:0.5 1:默认样式;0:全透明
7、居中p标签字体居中的方法。首先p标签给出宽和高,呈块状显示,水平居中属性text-align: center垂直居中line-height: px这里的line-height值和你给p标签的高度值是同一个值。
html中使图片居中的代码是:<img src="" alt="" align="center" />
怎样让html中的img标签居中显示?1、首先我们需要打开电脑,找到DW软件的快捷键,双击打开之后,新建一个html页面。
2、然后我们会进入到DW的HTML页面的编辑页面,我们需要将新建的html页面进行一个保存。
3、将网页保存好之后,我们需要重新回到DW的编辑页面。
4、然后我们需要在body部分新建一个div标签,并在其中插入一张img图片。并给div添加简单的css样式。
5、然后我们在浏览器中查看效果,可以发现图片是默认左对齐的,并没有在div的正中央显示。
6、此时为图片添加居中属性也是没有用的,我们需要将图片套在一个p或者span标签中,给标签添加一个text-align:center属性。