使用<div>和html中的css调整框中的文本

时间:2018-06-27 16:43:08

标签: html css

例如,我想用<h1><p>在文本周围加上边框,但我不知道该怎么做,我尝试了在互联网上找到的所有解决方案,但仍然没有工作。

对此有任何答案吗?

2 个答案:

答案 0 :(得分:0)

在此处查看解决方案,您应该使用borderhttps://www.w3schools.com/css/css_border.asp

例如

p.dotted {border-style: dotted;}
p.dashed {border-style: dashed;}
p.solid {border-style: solid;}
p.double {border-style: double;}
p.groove {border-style: groove;}
p.ridge {border-style: ridge;}
p.inset {border-style: inset;}
p.outset {border-style: outset;}
p.none {border-style: none;}
p.hidden {border-style: hidden;}
p.mix {border-style: dotted dashed solid double;}

答案 1 :(得分:0)

此处的工作示例:

body {
  font-family: "Open Sans", sans-serif;
  background-color: azure;
}

h1 {
  border: dotted;
  text-align: center;
}

.dotted {
  border-style: dotted;
  text-align: center;
}
<h1>A dotted border</h1>
<p class="dotted">A dotted border</p>
<div class="dotted">A dotted border</div>