网页文字居中的代码是什么?

2022-03-18 教育 272阅读

html文字居中测试

body{background:#ddd;}

div{width:300px;height:180px;margin:10pxauto;color:#fff;font-size:24px;}

.box1{background:#71a879;text-align:center;}

.box2{background:#6a8bbc;line-height:200px;}

.box3{background:#dea46b;text-align:center;line-height:200px;}

html文字水平居中

html文字垂直居中

html文字水平上下居中

扩展资料:

html自定义字体样式

一般字体的设置包含:字体,字体大小,字体颜色

html设置字体的话有很多标签去设置

h1,h2,h3,h4,h5,h6标题

采用css属性。用font去设置字体。

font-family规定元素的字体系列。包含:宋体,微软雅黑等这些字体之类的。font-family:Microsoftyahei表示设置字体为微软雅黑

font-weight是设置字体的粗细。包含:lighter(更细),normal(正常),bold(粗体),bolder(更粗)font-weight:bold设置字体为粗体

font-size是字体的尺寸,可以用使用百分比去设置或者像素去设置。如:font-size:18px

color属性是设置字体的颜色。可以采用

color:red;(颜色名称)color:#00ff00;(颜色的十六进制)color:rgb(0,0,255);(颜色的rgb)
例子:

.title{font-family:Microsoftyahei;font-size:16px;font-weight:bold;color:#ccc}

我是标题

声明:你问我答网所有作品(图文、音视频)均由用户自行上传分享,仅供网友学习交流。若您的权利被侵害,请联系fangmu6661024@163.com