小编thr*_*cks的帖子

我可以设置背景图像的属性(缩放到填充、长宽比适合、长宽比填充)吗?

在html中我可以设置背景图像下面的属性\xef\xbc\x9f(图像在iOS中我可以设置图像的填充属性如下,但我不知道是否有类似的属性html):

\n\n
Scale to Fill,\nAspect Fit,\nAspect Fill\n
Run Code Online (Sandbox Code Playgroud)\n\n

在此输入图像描述

\n\n

在我的代码中:

\n\n
<!DOCTYPE html>\n<html lang="en">\n<head>\n    <meta charset="UTF-8">\n    <title>Title</title>\n    <style>\n\n        #div1 {\n            width:300px;\n            height:200px;\n            background: gray url(img/1.png);\n\n        }\n    </style>\n</head>\n<body>\n\n<div id="div1">\n\n</div>\n\n</body>\n</html>\n
Run Code Online (Sandbox Code Playgroud)\n\n

图像是这样的:

\n\n

在此输入图像描述

\n\n

但结果如下,图像被修剪了​​:

\n\n

enter image description here

\n

html css image

3
推荐指数
1
解决办法
1417
查看次数

div有ul的余量

我在div中写了一个url,但为什么url是div的右边距?

在此输入图像描述

我的代码如下:

#banner {

    height:30px;
    width: 750px;
    margin: 0 auto;
    background-color: aquamarine;
}
#banner ul{

    list-style: none;
    height:30px;
}

#banner ul li {

    float: left;
}
Run Code Online (Sandbox Code Playgroud)
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <title>title</title>
    <link rel="stylesheet" href="styles/index.css" type="text/css">
  </head>
  <body>
  <div id="banner">
    <ul >
      <li>Home</li>
      <li>link</li>
      <li>product</li>
      <li>phone</li>
      <li>cat</li>
      <li>about</li>
    </ul>
  </div>
  </body>
</html>
Run Code Online (Sandbox Code Playgroud)

我有两个问题,如何解释?

html css

0
推荐指数
1
解决办法
96
查看次数

标签 统计

css ×2

html ×2

image ×1