2-9问题ABOUT区ABOUT左边表格上边的英文字怎么设置

2-9问题ABOUT区ABOUT左边表格上边的英文字怎么设置

2-9问题ABOUT区ABOUT左边表格上边的英文字的摆列顺序怎么设置

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>无标题文档</title>

<style type="text/css">

*{margin:0;padding:0;}

.header{width:100%;height:60px;background:#07cbc9}

.header img{float:left;padding-left:100px;}

.left{float:left;color:#ffffff;list-style:none;width:50px;line-height:60px;}

.xiao{float:right;}

.xiao ul{padding-right:50px; cursor:pointer;}

.clear{clear:both;}

.song{width:100%;}

.song img{width:100%;height:500px;}

.toplaype{position:absolute;left:0;top:60px;width:100%;height:500px;background:#000;opacity:0.5;}

.zhuo input{width:300px;height:20px;margin-bottom:10px;background-color:transparent;}

.yang{position:absolute;left:50%;top:250px;margin-left:-150px;margin-top:-30px; }

.sad{text-align:center;}

.weibo{ width: 60px; height:20px; margin:0 auto; }

.weibo input{width:60px;height:20px;cursor:pointer;}

h3{text-align:center;margin-bottom:10px;margin-top:20px;} 

.xian{ width:30px;border-bottom:#07cbc9 2px solid;margin:0 auto;margin-bottom:10px;}

 .div{font-size:10px;text-align:center; }

 .pian{width:100%;margin-top:20px;}

 .pian img{width:500px;height:300px;position:absolute;left:50%;margin-left:-250px;}

 .aodi{width:100%;margin:0 auto;}  

 .wan{width:250px;height:150px;background:#ffffff;opacity:0.4;border:black 2px solid;z-index:1;}

 .zaoshang{padding:5px 20px;}

   

 .xiezi{font-size:10px;text-align:left;

 }

 .black{width:60px;height:30px;background:#000;color:#fff;margin-top:10px;z-index:99;}

.jian{line-height:30px;text-align:center;}

.zouni{margin-left:300px;}

h2{text-indent:0.5em;}

</style>


</head>



<body>

<div class="header">

  <img src="images/logo.png" >

 <div class="xiao">

 <ul >

 <li class="left">home</li>

 <li class="left">home</li>

 <li class="left">home</li>

 <li class="left">home</li>

 <li class="left">home</li>

 <li class="left">home</li>

 </ul>

 </div> 

</div>

<div>

<div class="song">


<img src="images/banner3.jpg"> 


</div>

<div class="toplaype"></div>

<div class="yang">

<form >

<div class="zhuo"><input tyle="text" name="username" size="35" maxlength="6" placeholder="yang name" /></div>


<div class="zhuo"><input tyle="text" name="username" size="35" maxlength="6" placeholder="yang name"/></div>


<div class="zhuo" ><input tyle="text" name="username" size="35" maxlength="6" placeholder="yang name"/></div>

<div class="zhuo weibo "><input type="submit" name="submit" value="登录" /></div>

</form>

</div>

</div>

<div>

<div class="sad">

<h3>ABOUT</h3>

<div class="xian"></div>

<div class="div">input tyle="text" name="username" size="35" maxlength="6" placeholder="yangs

<br />input tyle="text" name="username" size="35" maxlength="6" placeholder="yang<br />

size="35" maxlength="6" placeholder="yan

</div>

</div>

<div class="pian">

<img src="images/bb3.jpg" />

</div>

<div class="aodi">

<div class="zouni">

<h2>A WORD <br />

ABOUT US

</h2>


<div class="wan">

<div class="zaoshang">

<div class="xiezi">

<P> name="username" size="35" maxlength="6" 

me="username" size="35"height:30px;background:

</P>

<P> name="username" size="35" maxlength="6"n

ame="username" size="35" maxlength="6"height:30px;backgr </P>

</div>

<div class="black">

<div class="jian">

EXPLORE

</div>

</div>

</div>

</div>

</div>

</div>

<div></div>




</div>

</body>

</html>


正在回答

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

2回答

按照上面那位助教老师给你的建议修改,白色背景不受影响的哦,

  • 晓松aa 提问者 #1
    我试了一下,是变成黑色了不过白色背景没有了
    2017-08-31 21:48:23
  • 晓松aa 提问者 #2
    而且我的方框被图片压住了怎么办
    2017-08-31 22:13:06
卡布琦诺 2017-08-31 13:44:34

直接设置font-family: "微软雅黑";即可,祝学习愉快!

  • 提问者 晓松aa #1
    他的排列顺序是怎么弄的啊,
    2017-08-31 18:36:17
  • 提问者 晓松aa #2
    图片左边的方框里的那个Explore背景颜色怎么设置成全黑的
    2017-08-31 18:43:41
  • 卡布琦诺 回复 提问者 晓松aa #3
    <h2>A WORD <br />ABOUT US</h2>是这个标题文字么?你这个排版实现的就可以呀,也可以给其设置宽度和text-align:center;如果未能解决你的疑问。欢迎再次提问,并且详细的描述你的问题(可以截图进行说明哦)祝学习愉快!
    2017-08-31 18:44:59
问题已解决,确定采纳
还有疑问,暂不采纳

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

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

0 星
前端小白入门系列课程
  • 参与学习           人
  • 提交作业       11218    份
  • 解答问题       36713    个

从一个不会编程的小白到一个老司机是需要过程的,首先得入门,学习基础知识,然后才能进阶,最后再到精通,本专题是你走进前端世界的不二选择!

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

在线咨询

领取优惠

免费试听

领取大纲

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