HTML 简单的图形框代码（3 col示例）

Posted

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了HTML 简单的图形框代码（3 col示例）相关的知识，希望对你有一定的参考价值。

<style type="text/css">

.box581-outer {
	width:581px; background: url('images/box-581-mid.jpg') repeat-y;
}

.box581-inner {
	background: url('images/box-581-top.jpg') no-repeat; padding:41px 35px 16px 35px;
}

.box581-footer {
	background: url('images/box-581-bottom.jpg') no-repeat; height:54px;
}


.boxcol {
	float:left;
}


.box581-inner .boxcol {
	width:133px; padding:0 18px; 
}



</style>



<div class="box581-outer"><div class="box581-inner">
<div class="boxcol">left</div><div class="boxcol">center </div><div class="boxcol">right</div>
<div class="clear"></div></div><!--/.box581-inner--><div class="box581-footer"></div><!--/.box581-footer--></div><!--/.box581-outer-->

简单图形框代码（3列示例）

This is simple but saves time to copy-paste. This example has three columns (.boxcol) within the box. But the columns can be removed for single-column box.
  1. <style type="text/css">
  2.  
  3. .box581-outer {
  4. 	width:581px; background: url('images/box-581-mid.jpg') repeat-y;
  5. }
  6.  
  7. .box581-inner {
  8. 	background: url('images/box-581-top.jpg') no-repeat; padding:41px 35px 16px 35px;
  9. }
  10.  
  11. .box581-footer {
  12. 	background: url('images/box-581-bottom.jpg') no-repeat; height:54px;
  13. }
  14.  
  15.  
  16. .boxcol {
  17. 	float:left;
  18. }
  19.  
  20.  
  21. .box581-inner .boxcol {
  22. 	width:133px; padding:0 18px; 
  23. }
  24.  
  25.  
  26.  
  27. </style>
  28.  
  29.  
  30.  
  31. <div class="box581-outer"><div class="box581-inner">
  32. <div class="boxcol">left</div><div class="boxcol">center </div><div class="boxcol">right</div>
  33. <div class="clear"></div></div><!--/.box581-inner--><div class="box581-footer"></div><!--/.box581-footer--></div><!--/.box581-outer-->

以上是关于HTML 简单的图形框代码（3 col示例）的主要内容，如果未能解决你的问题，请参考以下文章

R基本图形示例及代码（持续收集）

R基本图形示例及代码（持续收集）

高级连接两个数据框 spark scala

如何在数据框的开头移动 pyspark 数据框的特定列

javascript 3d网页 简单的 可视化编辑 图形界面 搭建几何体 带导出物体 示例 ( three.js r114 初探 六)

展平 3 级 MultiIndex Pandas 数据框