网页设计图片靠下怎么设置_html css怎么样才能把文字放在图片的正下方

⑴ html网页中如何把背景图设置为居下

你是想把原来的居上平铺改成居下平铺？还是想原来的居上保留再来一个居下平铺？

如果是居上改成居下很简单找到原来的样式把background-position:top改成background-position:bottom 就ok了。

如果你想在原来基础上再定义一个居下平铺，那比较麻烦，要看你那页面结构来说，如果只是一个html标签那告诉你不好实现。如果有结构有两层，并且这个背景定义在外面的容器里，那么里面的容器你再写一个居下的样式就可以了。如果定义在里面容器里那么外面的你再定义一个居下的样式就可以了。前提是里面的样式的图片只能显示再上面部分，并且没有定义背景色。也就是不能遮挡后面层的背景显示就可以。

⑵ html怎么把背景图片置于最底下

background:url(bgimage.gif) no-repeat center bottom。
center 这句是图片位置横向居中。
后面的这句bottom 是图片位置竖向最底部。

⑶ 网页背景图片怎么设置

1、首先打开Atom编辑器导入项目文件夹，先创建一个index.html的文件。定义一下html文件的主信息，如下图所示：

设计注意：

1、配色问题一个网页的色彩最好不要超过3种，一面视觉效果混乱，用色柔和，对比度强的色彩不能应用于一般网站，时尚网站使用还可以。一般不好搭配的颜色，用灰度搭配。

2、字体问题

很重要的一个问题，用标准字标准色，这是一个规范，行距一般控制在20px左右，不要太小，也不要太大，自己大小注意，中文12px，英文11px或者10px。

3、布局规范

布局是非常重要的，考虑客户浏览习惯以及他们想展现的内容，并且优化。一个网页，如果布局不合理的话不但影响浏览，而且非常难看。

⑷ 在网页制作中,通常用什么来控制文本,图片等各种元素的位置

码字不易，希望采纳。

既然问到的网页元素的位置问题，那么就可以去参考CSS的具体属性，以下是常见属性：

(一)对于文本：

1.text-align:center，right，justify

当text-align设置为"center"，居中分布

当text-align设置为"right"，靠右分布

当text-align设置为"justify"，均匀分布

2.text-indent:50px

当text-indent设置为具体的px，代表首行缩进具体的px

(二)对于图片：

float:left，right

当float设置为left时，向左浮动

2.padding:10px 或者 margin:10px

当padding或margin设置具体的px时，前者代表内边距，后者代表外边距

当marging设置为margin:0 auto;代表水平居中

3.position:absolute，relative

当position设置为absolute，代表以浏览器原点为0点进行设置位置

当position设置为relative，代表以自身位置为原点进行位置设置

以上，都是常规的位置设置，如果使用flex布局，还会有更简单的设置方法，比如水平垂直居中，可以按下列方法设置

display:flex;

justify-content:center;

align-items:center;

⑸ 在网页设计中图片怎么和下标字对齐

我自己做法是：
<img src=“../imagefiles/1_06c573b9-b935-4a85-a413-963ef0306998.jpg” /><span>宁波埃美柯水管</span>

然后给span写样式:“display:block;”使文字所在的SPAN变成块状，然后再定义SPAN的宽度与图片一样，最后再设置SPAN内容居中就好了

⑹ asp网页设计如何设定图片的位置

首先说明下网页加载图片的方法：
<img src="图片路径" width="宽度" height="高度" alt=“图片名称”>
1、table表格中加载图片
<table>
<tr>
<td>这是第一个单元格</td>
<td><img src="图片路径"></td>
</tr>
</table>
2、div+css通过图层设定图片位置
<div style="position:relative;background:#CCCCCC;width:300px; height:300px;">
<div style="position:absolute;background:#FF0000;width:100px; height:100px; top:250px; left:250px;"></div>
</div>

⑺ html css怎么样才能把文字放在图片的正下方

<!DOCTYPE html>

<html>

<head>

<title>Document</title>

<style>

.d1{

width: 400px;

height: 250px;

background-color: red;

text-align: center;

}

</style>

</head>

<body>

<div>

<br/>

你啥时候嫁给我,hahahahaahahahahahaah

</div>

</body>

</html>

————————————————

这样就会能够将文字放在图片的正下方，得到以下图片：

文字位于正右边的方法：

<!DOCTYPE html>

<html>

<head>

<title>Document</title>

<style>

.d1{

width: 400px;

height: 250px;

background-color: red;

}

.d2{

vertical-align: middle;

}

</style>

</head>

<body>

<div>

你啥时候嫁给我

</div>

</body>

</html>

⑻ html中,怎么把背景图片置于最低层

1、用css的z-index的属性就可以实现。首先新建一个html文件，在文件中写入一个div容器和一个图片：

⑼ 网页设计问题:文字怎样紧靠在图片正下方

或者把文字和图片分别放到上下2个表格里面

导航:首页 > 动漫图片 > 网页设计图片靠下怎么设置

网页设计图片靠下怎么设置

与网页设计图片靠下怎么设置相关的资料