多行文本域的提示文本如何居中

多行文本域的提示文本如何居中

html内容

<section class="Contact">

<h1>Contacu Us</h1>

<p>owei wendie endie sleid enoejn ddiendosie dnie dnseib dnvvi eifnie doie ohin<br>ndien meidn enin ndieg enirnj</p>

<form>

<p><input type="text" class="one" placeholder="Full Name">

<input type="email" clsaa="two" placeholder="Email"></p>

<p><textarea rows="20" cols="100" placeholder="Message"></textarea></p>

<input type="submit"  value="Submit Message" class="submit">

</form>

</section>

css内容

.Contact{

height: 840px;

}

.Contact > h1 {

color: #f46208;

font-size: 48px;

text-align: center;

}

.Contact > p {

text-align: center;

}

.Contact > form {

text-align: center;

}

.Contacet > form {

border : 1px solid #2e2e2e;

}http://img1.sycdn.imooc.com/climg//5985924700015e6711490790.jpg


正在回答

登陆购买课程后可参与讨论,去登陆

1回答

http://img1.sycdn.imooc.com/climg//5985a07b00011e8313660736.jpg

亲测我这里是显示边框的哦,文本框提示文字剧中可以使用

textarea{

text-align: center;

}

但是这样设置以后,输入文字内容也会居中的,希望对你有帮助!

问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
HTML5与CSS3实现动态网页 2018
  • 参与学习       1887    人
  • 提交作业       4643    份
  • 解答问题       5760    个

有HTML和CSS基础,却不知道如何进阶?本路径带你通过系统学习,完成从“会做网页”到“做出好的动态网页”的蜕变,迈出成为前端工程师的第一步。

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师