在制作网页中遇到的一些问题(1)

**如何做出这种样式的格式**

在这里插入图片描述
1.如何做出这种样式的格式。
其一是用三个div来做,三个盒子模型在这里插入图片描述
左边图片,右边写文字。
其二是用浮动来做,我比较推荐这种。在div里套个图片,将图片用“float:left;”定义,再用一个span标签或者div(需要转换成行内块级元素)写了第一排的内容用
换行在写下一行的日期;


<img src="./photo/1.jpg" width="30px" height="30px" class="q1">        <div class="q2">小王:是的<br/>2019-10-27 16:00
.q1{    float: left;}

2.如何弄出大的输入框

说道输入框都会想到标签,但是,这个可以用宁外一个标签来写。

    <textarea cols="50" rows="1" placeholder="请评论"></textarea>

这个代码编写一个评论框之类的。placeholder=“请评论”,这个属性是给框里家字,当你一输入文字就会自动消失。用cols和rows来定义文本域的大小,

bb{        resize: none;}

再使用热resize:none;来使框固定不动,这样就形成了一个评论框。

猜你喜欢

转载自blog.csdn.net/qq_45794542/article/details/102878251
今日推荐