user590695
Asked:
2024-04-20 20:24:05 +0800 CST
有这个 html 代码包含 2 个表。
<html>
<head>
<title>Mercedes</title>
</head>
<body background='images/fon.jpg'>
<link rel="stylesheet" href="index.css">
<table border="2">
<div style="margin-left: 10px;">
<tr>
<td colspan="2">
<zag> Общая информация </zag>
</td>
</tr>
<tr>
<td> Страна марки </td>
<td> Германия </td>
</tr>
<tr>
<td> Класс автомобиля </td>
<td> M </td>
</tr>
<tr>
<td> Количество дверей </td>
<td> 5 </td>
</tr>
<tr>
<td> Количество мест </td>
<td> 6 </td>
</tr>
<tr>
<td> Расположение руля </td>
<td> Левый </td>
</tr>
<tr>
<td colspan="2"> Размеры </td>
</tr>
<tr>
<td> Длина </td>
<td> 5370 мм </td>
</tr>
<tr>
<td> Ширина </td>
<td> 1928 мм </td>
</tr>
<tr>
<td> Высота </td>
<td> 1880 мм </td>
</tr>
<tr>
<td> Колёсная база </td>
<td> 3430 мм </td>
</tr>
<tr>
<td> Клиренс </td>
<td> 160 мм </td>
</tr>
<tr>
<td> Ширина передней колеи </td>
<td> 1666 мм </td>
</tr>
</div>
</table>
<table border="2">
<div style="margin-left: 200px;">
<tr>
<td colspan="2">
<zag> Общая информация </zag>
</td>
</tr>
<tr>
<td> Страна марки </td>
<td> Германия </td>
</tr>
<tr>
<td> Класс автомобиля </td>
<td> M </td>
</tr>
<tr>
<td> Количество дверей </td>
<td> 5 </td>
</tr>
<tr>
<td> Количество мест </td>
<td> 6 </td>
</tr>
<tr>
<td> Расположение руля </td>
<td> Левый </td>
</tr>
<tr>
<td colspan="2"> Размеры </td>
</tr>
<tr>
<td> Длина </td>
<td> 5370 мм </td>
</tr>
<tr>
<td> Ширина </td>
<td> 1928 мм </td>
</tr>
<tr>
<td> Высота </td>
<td> 1880 мм </td>
</tr>
<tr>
<td> Колёсная база </td>
<td> 3430 мм </td>
</tr>
<tr>
<td> Клиренс </td>
<td> 160 мм </td>
</tr>
<tr>
<td> Ширина передней колеи </td>
<td> 1666 мм </td>
</tr>
</div>
</table>
</body>
</html>
我试图从左边缘缩进,以便表格水平相邻放置。但没有任何结果。这是图片:https://imgur.com/n9o06Fx
这个问题可能看起来很愚蠢,但仍然如此。在复选框中,我需要创建绿色和红色区域,但我不知道如何做。下面是它应该如何工作的示例:
代码:
<label>
<input type="checkbox"> Subscribe
</label>
<label>
<input type="checkbox" checked> Subscribe
</label>
CSS:
input[type="checkbox"]{
appearance:none;
background:limegreen;
border:10px solid green;
width: 40px;
height: 25px;
border: 1px solid;
}
input[type="checkbox"]:checked{
background:white;
border-color:red;
}
David Meyster
Asked:
2024-04-17 23:46:34 +0800 CST
我用谷歌搜索,发现了一些显而易见的东西,一如既往的拐杖:
input:-webkit-autofill {
transition: all 5000s ease-in-out 0s;
}
或者
-webkit-box-shadow: 0 0 0px 1000px (цвет который будет перекрывать) inset !important;
伪解决方案:
autocomplete="off"
嗯,我自己尝试了一下:
.modal .input-container input:autofill,
.modal .input-container input:-webkit-autofill,
.modal .input-container input:-webkit-autofill-strong-password,
.modal .input-container input:-webkit-autofill-strong-password-viewable,
.modal .input-container input:-webkit-autofill-and-obscured {
background-color: transparent !important;
}
没有帮助。所有测试均在 Safari 中进行
VII
Asked:
2024-04-15 21:42:51 +0800 CST
我不明白为什么我不能将 margin-bottom 应用于 .linkaboutus。我正在尝试缩进 .linkportfolio。我刚刚学习,代码可能看起来很愚蠢并且有很多错误 - 我理解,如果有任何错误,请指出 - 谢谢。作为练习,我正在尝试从头开始布局页面。我目前正在创建初始菜单,但遇到了定位问题。左右移动有效,但上下移动则无效。我什至使用了display:block;,但它没有帮助。也许我错过了什么。我将不胜感激的帮助,或许还有 HTML:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>My Website</title>
<link rel="stylesheet" href="/Styles/css/style.css">
</head>
<body>
<div class="block1">
<div class="menu">
<div class="blockhome">
<div class="home">
<span class="texthome">
<a href="" class="linkhome">HOME</a>
</span>
<div class="blockportfolio">
<div class="portfolio">
<span class="textportfolio">
<a href="" class="linkportfolio">PORTFOLIO</a>
</span>
<div class="blockaboutus">
<div class="aboutus">
<span class="textaboutus">
<a href="" class="linkaboutus">ABOUT US</a>
</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
社会保障体系:
@import "nullstyle";
body {
width: 1579px;
height: 5923px;
margin: 0 0 0 4px;
padding: 0 0 1178px;
background-color: #fff;
.block1 {
width: 1579px;
height: 688px;
margin: 0 0 108px;
padding: 29px 164px 111px 163px;
background-color: #f6f2f2;
}
.menu {
position: relative;
width: 1249px;
height: 89px;
margin: 0 2px 103px 1px;
padding: 0 432px 0 358px;
opacity: 0.8;
background-color: #000;
.blockhome {
width: 90px;
height: 89px;
margin: 0 40px 0 0;
padding: 44px 24px 33px 23px;
box-shadow: -0.3px -2px 35px 0 rgba(0, 1, 1, 0.3);
background-color: #ff3f40;
}
.linkhome {
width: 43px;
height: 12px;
font-family: OpenSans;
font-size: 14px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: 1.71;
letter-spacing: 0.49px;
text-align: left;
color: #e0e0e0;
}
.blockportfolio {
}
.portfolio {
}
.textportfolio {
}
.linkportfolio {
position:relative;
display: block;
width: 83px;
height: 12px;
margin-top:-24px;
margin-bottom:34px;
margin-left: 104px;
font-family: OpenSans;
font-size: 14px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: 1.71;
letter-spacing: 0.49px;
text-align: left;
color: #e0e0e0
}
.blockaboutus {
}
.aboutus {
}
.textaboutus {
}
.linkaboutus {
display: block;
width: 75px;
height: 12px;
margin-left: 241px;
margin-top:-24px;
font-family: OpenSans;
font-size: 14px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: 1.71;
letter-spacing: 0.49px;
text-align: left;
color: #e0e0e0;
}
}
}