Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/76.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 节中的CSS背景图像_Html_Css - Fatal编程技术网

Html 节中的CSS背景图像

Html 节中的CSS背景图像,html,css,Html,Css,我有一个部分,我想在其中放置一个背景。 我尝试通过CSS使用类似smth的背景图像:urlpath,但我无法访问margin属性 我还通过html将img放进了我的部分,但它不是在文本后面,而是围绕在文本周围 我该怎么做才能在我的分区中有一个背景图像,并且能够像我想的那样定位它 html 我的部分正在浏览整个屏幕。有了这些css,我的图片就是我想要的样子,只有一个问题,它向左对齐,我想向右对齐 我该怎么做?像这样的事情 termine先生{ 浮动:对; 利润上限:56px; 宽度:600px;

我有一个部分,我想在其中放置一个背景。 我尝试通过CSS使用类似smth的背景图像:urlpath,但我无法访问margin属性

我还通过html将img放进了我的部分,但它不是在文本后面,而是围绕在文本周围

我该怎么做才能在我的分区中有一个背景图像,并且能够像我想的那样定位它

html

我的部分正在浏览整个屏幕。有了这些css,我的图片就是我想要的样子,只有一个问题,它向左对齐,我想向右对齐

我该怎么做?

像这样的事情

termine先生{ 浮动:对; 利润上限:56px; 宽度:600px; 高度:100px; 背景图像:urlhttp://wallpaper-gallery.net/images/abstract/abstract-21.jpg; 位置:绝对位置 } termine先生{ 高度:505px; } h2{颜色:白色;字体系列:“开放式Sans”,无衬线;字体大小:30px;字体重量:300;行高:32px;边距:20px;文本对齐:中间;} p{color:eee;字体系列:“Helvetica Neue”,无衬线;字体大小:14px;行高:24px;边距:24px;文本对齐:对齐;文本对齐:字间;} HMMM什么是仅IMG上的文本??? 伊曼纽尔·康德/kænt/;[4] 德语:[康德];1724年4月22日至1804年2月12日,德国哲学家,被认为是现代哲学的中心人物。[5]康德认为,人类的思维创造了人类经验的结构,理性是道德的源泉,美学源于无私的判断能力,空间和时间是我们感性的形式,世界本身独立于我们对它的概念。康德认为自己实现了哥白尼式的哲学革命,类似于哥白尼推翻了古老的太阳绕地球转的信念。他的信仰继续对当代哲学产生重大影响,特别是在形而上学、认识论、伦理学、政治理论和美学领域


我会说,如果您使用position:absolute,您只需要像这样更改css代码

这就是你所期望的吗

首先,您需要将in更改为beacu,因为html中有任何名为的标记 设置宽度 将高度设置为100%-56px,宽度设置为100%;。 那就好了

.货柜图像{ 浮动:对; 利润上限:56px; 宽度:100%; 高度:calc100%-56px; } termine先生{ 高度:505px; 宽度:300px; 边框:5px000; 框大小:边框框; /*背景:urlhttps://i.stack.imgur.com/wwy2w.jpg 不重复*/ }
你有可以提供的示例代码吗?请告诉我们你尝试了什么为什么你对宽度和高度使用硬值?这只是一个例子,他必须更改它们
<secction class="termine">
<img src="path" class="container-image"/>
</section>
.container-image{
    float: right;
    position: absolute;
    margin-top:56px;
}

.termine{
    height:505px;
}
.container-image{
    right: 0px;
    position: absolute;
    margin-top:56px;
}

.termine{
    height:505px;
}