建设网站贵吗,如何给网站做右侧导航,怎样免费建微网站,视频策划方案模板这节我们来制作以下效果我们先把四个段落的文字都写出来#xff0c;分别包含在p标签里现在看到的效果如下我们来一点一点给它加入样式首先#xff0c;来使文字水平居中并且加背景色但是这样显示的效果有一些问题#xff0c;直接加入文字背景会显示背景顶着两头#xff0c;导… 这节我们来制作以下效果我们先把四个段落的文字都写出来分别包含在p标签里现在看到的效果如下我们来一点一点给它加入样式首先来使文字水平居中并且加背景色但是这样显示的效果有一些问题直接加入文字背景会显示背景顶着两头导致背景太长这时我们就需要一个属性spanspan只是一个容器并不实际显示有了span我们就可以给span来设置背景颜色控制大小具体的使用如下设置了背景色、字体颜色、字体大小后显示效果为我们再来设置需要加粗的文字和改颜色的文字效果如下还有一些字体颜色和加粗的修改此处省略……设置后效果如下但是对比一下效果我们可以看出整个文字的效果并不是纯黑色而是灰色这时我们需要怎么设置呢有两种方法1.设置每个p的color2.给所有文字嵌套一个div标签来设置div标签的color我们肯定会选择第二种方法先来介绍一下div具体的使用如下效果会看到所有文字(除设置外的)都变成灰色设置完字体的属性样式后我们来考虑整个容器如何居中我们之前已经使用过文字居中是text-align:center容器的居中就要使用margin:auto但是注意如果不设置容器的大小那么默认撑满整个屏幕那么margin:auto;将没有意义效果如下本节代码我们来做一下总结--- 笔记来自于【千锋教育】视频- End –
