网页框架模版（上、下（左、中、右））

<html>
<head>
<title>首页</title>
<link rel="stylesheet" type="text/css" href="css/web.css"/>
</head><body>
<!--top block -->
<div class="top"> </div>
<!--mstyledle-left-->
<div class="middle-left"></div>
<!--middle-middle-->
<div class="middle-mid"><!--middle tr td td--></div>
<!--middle-right-->
<div class="middle-right"> </div>
</body>
</html>

效果为：

middle-mid部分css样式少写了width，自己添加即可。

css代码为：

.top{color:red;width:auto;height:10%;border-width:1;border-style:dotted;
}
.middle-left{color:red;width:20%;height:90%;float:left;border-width:1;border-style:dashed;
}
.middle-mid{color:red;font-family:"微软雅黑",Tahoma,Geneva,sans-serif;font-size:12;padding-bottom:30px;padding-left:30px;padding-right:30px;padding-top:30px;margin-left:20px;margin-top:20px;width:53%;float:left;border-width:1;border-style:dotted;
}
.middle-right{color:red;font-size:12;width:20%;float:right;height:90%;border-width:1;border-style:dashed;
}

转载于:https://www.cnblogs.com/cdlinux/p/4324700.html

网页框架模版（上、下（左、中、右））相关推荐

[经典面试题][百度]数轴上从左到右有n各点a[0], a[1], ……,a[n -1]，给定一根长度为L的绳子，求绳子最多能覆盖其中的几个点。...
题目数轴上从左到右有n各点a[0], a[1], --,a[n -1],给定一根长度为L的绳子,求绳子最多能覆盖其中的几个点. 思路一遍历所有区间跟绳子L比较. i遍历区间起点,j遍历区间终点. ...
蓝色：九针串口，大头在上从左往右引脚分布：
蓝色:九针串口 ,大头在上从左往右引脚分布: 1 2 3 4 5 6 7 8 9 针脚功能: 1.载波检测(DCD) 2.接受数据(RXD) 3.发送数据(TXD) 4.数据终端准备好(DTR ...
小应用程序运行结果如下：红色方块在文字上从左向右循环移动。
题目:小应用程序运行结果如下:红色方块在文字上从左向右循环移动. 代码如下: import java.applet.Applet; import java.awt.Color; import java ...
不平等博弈问题学习记录（三）（对于超实数在博弈下左大右小以及多堆情况的扩充）
前言今天写的这一篇文章离写第一篇文章的时间可能有几天了,并且在这段时间里也有人向我提出了我错误的地方,现已做出更改今天,我们又做到了一道题目,也是不平等博弈的,听了讲题,我对不平等博弈有了更深的理 ...
html网页图片自动滚动代码,实现网页图片循环滚动的代码上/下/左/右(html or asp)...
向上: href="http://image2.sina.com.cn/gm/lineage2/whz/newwh/images/fy/images/images/ifimage/" ...
Android-手势识别（普通手势识别：上下左右；自定义手势识别：对号，错号等）
1.回顾上篇学习了 Android 系统服务的 10个实例 ,当然还有更多的系统服务没有使用:留下来的遗憾就是,昨晚没有将demo下载地址分享出去: demo下载: http://download ...
html中把句子往右边弄一点咋办,CSS上的左，中，右对齐方法，可以在一行上混合...
一种用CSS以左对齐/中心对齐/右对齐方式显示用HTML编写的句子的方法在用"从左到右书写的语言"(如日语和英语)中编写的HTML中,除非指定了字符移位方向,否则句子左对齐显示. ...
C、C++差异之左值右值
C与C++在语法细节上还是有一些差异的,虽然一般情况下可能这些差异不足以造成结果的区别,但有些代码确实会有影响. 这次,主要总结下左值右值的差异. 在C中,很多左值运算符的结果都不再是左值,然而在C+ ...
【编程题目】输入一颗二元树，从上往下按层打印树的每个结点，同一层中按照从左往右的顺序打印...
第 16 题(树): 题目(微软): 输入一颗二元树,从上往下按层打印树的每个结点,同一层中按照从左往右的顺序打印. 例如输入 8 / \ 6 10 / \ / \ 5 7 9 11 输出 8 6 1 ...
将一个5X5的矩阵中最大的元素放在中心， 4个角分别放4个最小的元素（顺序为从左到右，从上到下，从小到大存放）其余数字从小到大
将一个5X5的矩阵中最大的元素放在中心, 4个角分别放4个最小的元素(顺序为从左到右,从上到下,从小到大存放) 其余数字从小到大在以前的要求上更改了一下,其余数字从小到大排序 #include &l ...

网页框架模版（上、下（左、中、右））

网页框架模版（上、下（左、中、右））相关推荐

最新文章

热门文章