一、展示 = ![](https://box.kancloud.cn/6c4ef8c84c1a3972424f4a291ff82c0e_1262x141.png) 二、代码 = ~~~ <head> <title></title> </head> <style type="text/css"> div.concent{ width: 800px; margin: 0 auto; } .concent h1{ font-size: 28px; text-align: center; } .concent .box{ text-align: center; } .time,.news{ font-size: 14px; } .time{ color: rgb(150,150,150); } .news{ color: #990000; } .box input[type=text]{ color: red; } </style> <body> <div class='concent'> <h1>中乙比赛</h1> <div class='box'> <span class='time'>2018.4.9</span> <span class='news'>体育频道</span> <a href="#">收藏文章</a> <input type='text' value='请输入内容'> <input type='submit'> </div> <hr> <div></div> <div> </body> </html> ~~~