导航:首页 > 万维百科 > 网页设计居左代码

网页设计居左代码

 发布时间：2021-01-08 10:16:52

1、在网页设计中，如何让网页居中显示，经常会网页会靠左对齐

在网页设计中，可以尝试将所有网页放在一个大的div中，再将该div的,左右margin设为auto:
完整的例子为：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>居中</title>
<style>
body{ text-align:center}
.main{ margin:0 auto; width:500px; height:200px; border:1px solid #F00}
</style>
</head>
<body>
<div class="main">我所在DIV在任意浏览器均布局居中</div>
</body>
</html>

2、在html中如何将单元格中的文字设置为居右或者居左显示？

在td标签里添加align=left居左,align=right 居右，不过默认是居左的；

3、PHP、html网页设计，如图，表格只能居中，我要居左，怎么改？代码是写好的（样式文件？）

判断不出来。 table设置的是width：100%； 就算float：left也没用。 要看父级的容器是个什么样式。 所以需要整个css代码。

4、HTML静态网页设计中，表格的背景图怎么像文字一样居中左对齐什么的，代码是什么

background:url(图片路径) left center no-repeat;背景图片X轴居左，Y轴居中，并且不平铺

5、HTML语言制作网页 如果让表格中的内容靠左，并且前面空两格出现

<html>
<head>
<style type="text/css">
.td1 {text-align:left; font-size:12pt;}
.p1 {text-align:left; text-indent:2em; font-size:12pt;}
</style>
</head>
<body>
<table>
<tr><td class="td1">网页制作</td></tr>
<tr><td><p class="p1">语言</p></td></tr>
</table>
</body>
</html>

text-indent:2em; 的样式就是空2格，同样：
text-indent:4em; 就是空4格

6、html中如何将单元格中的文字设置为居右或者居左显示？

在表格td中，有两个属性控制居中。

1.align控制左右居中：left center right

2.valign控制上下居中：left center right

这两个属性综合使用，就可以让单元格的内容上下左右都居中显示。但有时会失效，那么在td中设置text-align为center也可。

7、如何让某个div居左、居右、剧中

div+css是Web设计标准，它是一种网页的布局方法。与传统中通过表格（Table）布局定位的方式不同，它可以实现网页页面内容与表现相分离。

下面分别对div居左、居右、居中做下代码演示：


div css布局之div左对齐，div+css布局完整代码：

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="utf-8" /> 
<title>div对齐实例 在线演示 DIVCSS5</title> 
<style> 
.divcss5-left{float:left;width:250px;height:50px;border:1px solid #F00} 
</style> 
</head> 
<body> 
<div class="divcss5-left">此DIV靠左对齐显示</div> 
</body> 
</html>

div css布局之div右对齐，div+css布局完整代码：

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="utf-8" /> 
<title>div对齐实例 在线演示 DIVCSS5</title> 
<style> 
.divcss5-right{float:left;width:250px;height:50px;border:1px solid #F00} 
</style> 
</head> 
<body> 
<div class="divcss5-right">此DIV靠右对齐显示</div> 
</body> 
</html>

div css布局之div居中对齐，DIV+CSS布局完整代码：

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="utf-8" /> 
<title>div对齐实例 在线演示 DIVCSS5</title> 
<style> 
.divcss5-cent{margin:0 auto;width:250px;height:50px;border:1px solid #F00} 
</style> 
</head> 
<body> 
<div class="divcss5-cent">此DIV居中右对齐显示</div> 
</body> 
</html>

8、网页设计调用的代码怎么让他左对齐啊

代码是有的!不过我现在是在网吧上网的!要下载DW才知道!
可以先告诉你用内DW有个功能!你把原代码导到DW里面,在设容计视图中把鼠标放到表格上面右键,对齐,居中对齐,把沟打掉就不会在中间了! 你加我QQ吧 247300093 有时间下载DW再告诉你!

9、求网页制作中的左对齐右对齐的代码

?

10、修改一下CSS,帮我把网页居左显示或者让网页有背景(纯颜色的即可)

概述：<body><div align:left;style="background-color:blue"> 你网页现有的内容 </div></body>。这行代码能解决你的问题,将blue换成你想要的颜色即可。

一、先解释一下你的代码：
* {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px}
意思：所有元素的边框“内壁”至框内元素的距离均为0px。比如你的鞋内壁到你的脚之间的距离。
优化：*{padding:0px 0px 0px 0px；} 依次为上右下左。
延伸：每个元素的实际宽度或高度=border-width + padding + width。

BODY {FONT-SIZE: 12px; BACKGROUND: url(body.gif) #fff repeat-x 50% top; COLOR: #000; FONT-FAMILY: Arial; TEXT-ALIGN: left}
意思：依次为该页面的字号大小全部为12像素、背景图片为该网页所在文件夹的body.gif文件、背景颜色为白色、背景图片从上到下重复、字的颜色为黑色、字体为Arial、文本左对齐。
代码优化：BODY { BACKGROUND: url(body.gif) #fff repeat-x 50% top; FONT: 12px #000 Arial; TEXT-ALIGN: left}

TABLE {FONT-SIZE: 12px; FONT-FAMILY: Arial}
意思:表格内所有字体为arial、字的大小为12像素。
代码优化：因在body中已有相同声明，故本段代码可以删除。

TD { WORD-BREAK: break-all}
意思：单元格内文本自动换行。没有这句代码，一行字会撑破单元格。

TR {VERTICAL-ALIGN: top}
意思：表格中每行的单元格垂直方向沿顶端对齐。

A:link { COLOR: #000; TEXT-DECORATION: none}
意思：链接的文本颜色为黑色、没有下划线。

A:visited {COLOR: #000; TEXT-DECORATION: none}
意思：点击后的链接文本颜色为黑色、没有下划线。

A:hover {COLOR: #000; TEXT-DECORATION: underline}
意思：当鼠标移动到链接文本时，文本为黑色、有下划线。

IMG {BORDER-RIGHT: 0px; BORDER-TOP: 0px; VERTICAL-ALIGN: middle; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px}
意思：图片四周无边框、垂直居中显示。
代码优化：img {border:0px; vertical-align:middle;}

HR {
BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; MARGIN: 10px auto; OVERFLOW: hidden; COLOR: #cccccc; HEIGHT: 1px; BORDER-RIGHT-WIDTH: 0px
}
意思：水平横线的四个边框宽度为0、距离上个元素10像素、水平居中、溢出（即超长部分）不显示、线条颜色为灰色、线条高度为1像素。
延伸：水平横线可以看作一个内部高度为0的长方形。
代码优化： hr {MARGIN: 10px auto; OVERFLOW: hidden; COLOR: #cccccc; HEIGHT: 1px; border:0px；}

UL {LIST-STYLE-IMAGE: none; LIST-STYLE-TYPE: none}
意思：无序列表的项目前没有标记（如圆点、方框等）、没有图片。

二、回答你的问题
1、让网页居左显示并且有背景色：如果所有元素全部在那个TABLE中，可以:table {align:left;style="background-color:blue"}；否则，可以加一个层将它们全部包含起来：<body><div align:left;background-color:blue> ..... </div></body>。将你网页的所有内容都放在这个<div></div>中即可，是蓝色背景，你可以将BLUE换成你想要的颜色。

2、关于你的问题：纯颜色背景，你已经设置好了，就在body{background:#fff}里，为白色。由于你设置了背景图片，将它覆盖了，所以你看不到。如果你删除背景图片，就能看到纯白色的背景了。

3、关于1400像素的浏览器，两边空出来的问题，你可以设置一个函数，将他们利用起来。如：
<head>
....
<script language=“javascript”>
function liangbian(){
if (screen.width==1400){...}
else
{}
...
}
</script>
...
</head>
<body load="liangbian()">
... 本段代码的意思是：打开该网页时，加载liangbian()函数，检查屏幕宽度，如果是1400像素，就。。。 注意：body中的颜色即为浏览器的背景色，你所说的网页背景色其实就是你网页总容器的背景色——如果网页所有内容都被包含在TABLE中，就是这个table的背景色；如果都被包含在一个DIV中，就是这个DIV的背景色。

与网页设计居左代码相关的知识