Html 询问CSS网站
嗨，我想问一些关于css的问题。我想做一个网站，使用css来设计它。。但是我一直在使用css代码，这让我很困惑 这里是我想要的网络： <> p>中间的网页只有1000 px，而我制作的是这样的： 我不知道怎样才能让这个角变成这样，像缎带角一样。我想让ribbon的其余部分在网站的结尾处变长（放大或缩小仍然是成比例的） 第二个问题是，当我试图在mozilla上打开它时，它的登录框将变得一团糟，如下所示： 代码如下：Html 询问CSS网站,html,css,Html,Css,嗨，我想问一些关于css的问题。我想做一个网站，使用css来设计它。。但是我一直在使用css代码，这让我很困惑 这里是我想要的网络： p>中间的网页只有1000 px，而我制作的是这样的： 我不知道怎样才能让这个角变成这样，像缎带角一样。我想让ribbon的其余部分在网站的结尾处变长（放大或缩小仍然是成比例的） 第二个问题是，当我试图在mozilla上打开它时，它的登录框将变得一团糟，如下所示： 代码如下： <html> <head> &l
<html>
<head>
<script src="js/jquery-1.9.1.min.js"></script>
<script src="js/jquery-migrate-1.1.1.min.js"></script>
<style>
a{
text-decoration:none;
}
html{
height: 100%;
overflow-y: scroll;
}
body {
margin:0px;
font-size:8pt;
font-family: Verdana, Helvetica, Arial, Sans-Serif;
background-color:#ffbeec;
}
.clearBoth{
clear:both;
}
#divHeader{
height:321px;
}
#menuHeader{
height:50px;
background-color:#93113d;
}
#isiMenuHeader {
margin:0px auto;
width:1000px;
height:100%;
filter:progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#93113d, endColorstr=#d41a59);
background-image:-moz-linear-gradient(left, #93113d 0%, #d41a59 50%,#93113d 100%);
background-image:linear-gradient(left, #93113d 0%, #d41a59 50%,#93113d 100%);
background-image:-webkit-linear-gradient(left, #93113d 0%, #d41a59 50%,#93113d 100%);
background-image:-o-linear-gradient(left, #93113d 0%, #d41a59 50%,#93113d 100%);
background-image:-ms-linear-gradient(left, #93113d 0%, #d41a59 50%,#93113d 100%);
background-image:-webkit-gradient(linear, left bottom, right bottom, color-stop(0%,#93113d), color-stop(50%,#d41a59),color-stop(100%,#93113d));
}
#logoHeader{
height:221px;
background-color:#000000;
}
#isiLogoHeader{
margin:0px auto;
width:1000px;
height:100%;
background-color:#000;
}
#lineHeader{
height:13px;
background-color:#986f39;
}
#isiLineHeader{
margin:0px auto;
width:1000px;
height:100%;
filter:progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#986f39, endColorstr=#d3944d);
background-image:-moz-linear-gradient(left, #986f39 0%, #d3944d 50%,#986f39 100%);
background-image:linear-gradient(left, #986f39 0%, #d3944d 50%,#986f39 100%);
background-image:-webkit-linear-gradient(left, #986f39 0%, #d3944d 50%,#986f39 100%);
background-image:-o-linear-gradient(left, #986f39 0%, #d3944d 50%,#986f39 100%);
background-image:-ms-linear-gradient(left, #986f39 0%, #d3944d 50%,#986f39 100%);
background-image:-webkit-gradient(linear, left bottom, right bottom, color-stop(0%,#986f39), color-stop(50%,#d3944d),color-stop(100%,#986f39));
}
#menu2Header{
height:37px;
background-color:#93113d;
}
#isiMenu2Header{
margin:0px auto;
width:1000px;
height:100%;
filter:progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#93113d, endColorstr=#d41a59);
background-image:-moz-linear-gradient(left, #93113d 0%, #d41a59 50%,#93113d 100%);
background-image:linear-gradient(left, #93113d 0%, #d41a59 50%,#93113d 100%);
background-image:-webkit-linear-gradient(left, #93113d 0%, #d41a59 50%,#93113d 100%);
background-image:-o-linear-gradient(left, #93113d 0%, #d41a59 50%,#93113d 100%);
background-image:-ms-linear-gradient(left, #93113d 0%, #d41a59 50%,#93113d 100%);
background-image:-webkit-gradient(linear, left bottom, right bottom, color-stop(0%,#93113d), color-stop(50%,#d41a59),color-stop(100%,#93113d));
}
</style>
</head>
<body>
<div id="divHeader">
<div id="menuHeader">
<div id="isiMenuHeader">
<div style="float:left">
dsfasfas
</div>
<div style="float:right;background-color:#f782af;height:52px;width:241px;margin-top:24px;">
dsfdsfds
</div>
</div>
</div>
<div class="clearBoth"></div>
<div id="logoHeader" style="margin-top:-26px">
<div id="isiLogoHeader">
<div style="float:left;margin-left:24px;position:absolute;">
<img src="images/logo.png">
</div>
<div style="float:right;color:#fff;margin-right:34px;margin-top:50px;">
<div>
Member Login<br>
<input type="text" style="width:204px"><br>
<input type="text" style="width:156px">
</div>
<div>
What are you looking for?<br>
<input type="text" style="width:156px">
</div>
</div>
</div>
</div>
<div class="clearBoth"></div>
<div id="lineHeader"><div id="isiLineHeader"></div></div> <!--136-->
<div id="menu2Header">
<div id="isiMenu2Header">
sdasdsas
</div>
</div>
</div>
<div class="clearBoth"></div>
<div id="divBody"> <!--86-->
<div style="margin:0px auto;width:1000px;height:100%;">
sfasfasdfas
</div>
</div>
</body>
</html>
a{
文字装饰：无；
}
html{
身高：100%；
溢出y：滚动；
}
身体{
边际：0px；
字号：8pt；
字体系列：Verdana、Helvetica、Arial、无衬线字体；
背景色：#ffbeec；
}
.两者都清楚{
明确：两者皆有；
}
#分母{
高度：321px；
}
#梅努海德{
高度：50px；
背景色：#93113d；
}
#伊西梅努海德{
保证金：0px自动；
宽度：1000px；
身高：100%；
过滤器：progid:DXImageTransform.Microsoft.gradient（GradientType=1，startColorstr=#93113d，endColorstr=#d41a59）；
背景图像：-莫兹线性梯度（左，#93113d 0%，#d41a59 50%，#93113d 100%）；
背景图像：线性梯度（左，#93113d 0%，#d41a59 50%，#93113d 100%）；
背景图像：-webkit线性渐变（左，#93113d 0%，#d41a59 50%，#93113d 100%）；
背景图像：-o-线性梯度（左，#93113d 0%，#d41a59 50%，#93113d 100%）；
背景图像：-ms线性梯度（左，#93113d 0%，#d41a59 50%，#93113d 100%）；
背景图像：-webkit渐变（线性、左下、右下、颜色停止（0%，#93113d）、颜色停止（50%，#d41a59）、颜色停止（100%，#93113d））；
}
#标识头{
身高：221px；
背景色：#000000；
}
#ISILOGOOHEADER{
保证金：0px自动；
宽度：1000px；
身高：100%；
背景色：#000；
}
#行头{
高度：13px；
背景色：#986f39；
}
#isiLineHeader{
保证金：0px自动；
宽度：1000px；
身高：100%；
过滤器：progid:DXImageTransform.Microsoft.gradient（GradientType=1，startColorstr=#986f39，endColorstr=#d3944d）；
背景图像：-moz线性梯度（左，#986f39 0%，#d3944d 50%，#986f39 100%）；
背景图像：线性渐变（左，#986f39 0%，#d3944d 50%，#986f39 100%）；
背景图像：-webkit线性渐变（左，#986f39 0%，#d3944d 50%，#986f39 100%）；
背景图像：-o-线性梯度（左，#986f39 0%，#d3944d 50%，#986f39 100%）；
背景图像：-ms线性梯度（左，#986f39 0%，#d3944d 50%，#986f39 100%）；
背景图像：-webkit渐变（线性、左下、右下、颜色停止（0%、#986f39）、颜色停止（50%、#d3944d）、颜色停止（100%、#986f39））；
}
#菜单标题{
高度：37像素；
背景色：#93113d；
}
#isiMenu2Header{
保证金：0px自动；
宽度：1000px；
身高：100%；
过滤器：progid:DXImageTransform.Microsoft.gradient（GradientType=1，startColorstr=#93113d，endColorstr=#d41a59）；
背景图像：-莫兹线性梯度（左，#93113d 0%，#d41a59 50%，#93113d 100%）；
背景图像：线性梯度（左，#93113d 0%，#d41a59 50%，#93113d 100%）；
背景图像：-webkit线性渐变（左，#93113d 0%，#d41a59 50%，#93113d 100%）；
背景图像：-o-线性梯度（左，#93113d 0%，#d41a59 50%，#93113d 100%）；
背景图像：-ms线性梯度（左，#93113d 0%，#d41a59 50%，#93113d 100%）；
背景图像：-webkit渐变（线性、左下、右下、颜色停止（0%，#93113d）、颜色停止（50%，#d41a59）、颜色停止（100%，#93113d））；
}
DSFAS
dsfdsfds
会员登录
你在找什么？
SDASS
sfasfasdfas
非常感谢。。希望有人能帮助我。。谢谢……：） 对于ribbon corner，您可以使用以下代码： HTML
<div>Lorem ipsum</div>
它应该适用于所有主要浏览器，包括IE8（而不是IE7）。对于ribbon corner，您可以使用以下代码： HTML
<div>Lorem ipsum</div>
它应该适用于所有主要浏览器，包括IE8（而不是IE7）。我不太确定css功能区，但您可以将功能区定位为绝对，并将其设置为正确的0
div:after {
content: '';
position: absolute;
width: 2500px;
height: 100px;
background: pink;
}
body {
margin:0px;
font-size:8pt;
font-family: Verdana, Helvetica, Arial, Sans-Serif;
background-color:#ffbeec;
overflow-x: hidden;
}