求一个静态的网页设计代码,div+css的 如图所示,QQ邮箱的写信页面 140
只需要在浏览器看到的是图片的效果就可以了!我不会做这个,作业来的~~~~就差这一个了感谢各位大神!...
只需要在浏览器看到的是图片的效果就可以了!
我不会做这个,作业来的~~~~
就差这一个了
感谢各位大神! 展开
我不会做这个,作业来的~~~~
就差这一个了
感谢各位大神! 展开
2个回答
展开全部
这个其实还简单的,顺序文档流排列就可以了。
整个外框可以写一个定宽的盒子,或者100%宽度自适应;
tab切换可以用inline-block的span或者li标签,间隙用margin-right来做;
按钮行就是几个原生的button就可以了;
收件人、主题、正文这里,如果简单粗暴点就用table布局,如果想放弃table的,就可以定义一个个盒子,按行排列下去,加一点margin-left,把收件人等字段定位在左边。
比如:html是 <div style="margin-left:100px;"><span style="color:blue; position:absolute; margin-left:-100px; width:90px; text-align:right;">收件人</span><input type="text" style="width:100%;" /><br><a href="#">添加抄送</a>...</div> 诸如此类。还是写样式表文件更好控制在点,建议不要写行内样式;
最后一行和第二行照搬就行了。
整个外框可以写一个定宽的盒子,或者100%宽度自适应;
tab切换可以用inline-block的span或者li标签,间隙用margin-right来做;
按钮行就是几个原生的button就可以了;
收件人、主题、正文这里,如果简单粗暴点就用table布局,如果想放弃table的,就可以定义一个个盒子,按行排列下去,加一点margin-left,把收件人等字段定位在左边。
比如:html是 <div style="margin-left:100px;"><span style="color:blue; position:absolute; margin-left:-100px; width:90px; text-align:right;">收件人</span><input type="text" style="width:100%;" /><br><a href="#">添加抄送</a>...</div> 诸如此类。还是写样式表文件更好控制在点,建议不要写行内样式;
最后一行和第二行照搬就行了。
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询