css设计评论留言板

 时间:2024-10-13 02:40:52

1、首先写div容器,放一个h3标题,写上文字,加上一张星星图片(这里只演示 css,所以用一张图片代替):

css设计评论留言板

2、添加内容区,因为是可以写多行文字,所以使用textarea标签:

css设计评论留言板

3、添加提交按钮,这里使用input标签,类型为图片,所以选择一张图片即可:

css设计评论留言板css设计评论留言板

6、最后提供完整的代码演示:<!DOCTYPE html><html> <head> <meta 艘早祓胂charset="UTF-8"> <title></title> <style type="text/css"> *{padding: 0;margin: 0; } .comment{width: 600px;border: 1px solid gray;margin: 50px auto;padding: 40px 40px; }.comment h3 span{color: red; } .comment textarea{height: 130px;padding: 10px;width: 580px; } .comment input[type=image]{ margin-top: 20px; } </style> </head><body><div class="comment"> <h3>评论<img src="../img/star.png"/><span>我要评论</span></h3> <textarea placeholder="请输入你的意见和建议"></textarea> <input type="image" src="../img/btn.png" /> </div></body></html>

  • CSS中行内、内部、外部三种样式的写法介绍
  • css如何通过实现让文字在框内水平垂直都居中?
  • 如何在HTML中插入图片
  • HTML怎么实现网页跳转
  • 静态网页跟动态网页有什么区别
  • 热门搜索
    噩耗的意思 扉页是什么意思 座右铭是什么意思 阿斯匹林的作用 办护照要带什么 寻觅的意思 说明方法及其作用 面红耳赤的意思 ps是什么意思 四两拨千斤是什么意思