html入门:给文字加边框 div分块

作者: Rememberautumn 分类: html5,Web前端 发布时间: 2014-09-04 10:50 阅读: 10,207

给文字加边框

  1. <html xmlns:”http://www.w3.org/1999/xhtml”>
  2. <head>
  3. <meta http-equiv=“Content-Type” content=“text/html; charset=utf-8” />
  4. <title>加文字边框实例</title>
  5. <style>
  6. #image-boarder{
  7. width:450px;
  8. padding-top:14px;
  9. padding-left:14px;
  10. -moz-border-image:url(1.png) 3 stretch stretch;
  11. }
  12. </style>
  13. </head>
  14. <body>
  15. <div id=“image-boarder”>
  16. 奋斗的菜鸟<br/>
  17. 走在通往大神的路上<br/>
  18. </div>
  19. </body>
  20. </html>

div分块

  1. <html xmlns:”http://www.w3.org/1999/xhtml”>
  2. <head>
  3. <meta http-equiv=“Content-Type” content=“text/html; charset=utf-8” />
  4. <title>div分块</title>
  5. </head>
  6. <body>
  7. <div id=“article”>
  8. <h2><center>图片介绍</center></h2>
  9. <hr/>
  10.    <div id=“dest”>
  11.    <center>
  12.          <b>时间:</b>2014-9-4 14:23
  13.          <b>来源:</b><a href=“#”>奋斗的菜鸟</a> &nbsp;
  14.          <b>单击次数:</b><span>256</span>
  15.          </center>
  16.    </div>
  17. </div>
  18. <div id=“body”>
  19. <p>用Notepad++写代码,要是有一些重复的代码想copy一下,还真不容易,又得动用鼠标,巨烦人。。。。
  20. 有木有简单的方法呢,确实还是有的不过也不算太好用。
  21. 主要是应用键盘上的 Home 键 和 End 键。
  22. 鼠标光标停留在一行的某处,按 Home 键光标会跳到行首,按End键光标会跳到行尾。
  23. 鼠标光标停留在行尾,按 Shift + Home 选中一行。
  24. 鼠标光标停留在行首,按 Shift + End 选中一行。
  25. 鼠标光标停留在类中某处,按 Shift + PageUp 选中类的光标前面所有内容。
  26. 鼠标光标停留在类中某处,按 Shift + PageDown 选中类的光标后面所有内容。
  27. 选中所有内容,Ctrl + A 。
  28. 要选中一行可以先按Home键,然后再按Shift + End 选中一行。
  29. </p></div>
  30. <div id=“bottom”>
  31. <a herf=“#” ><img src=“1.png”></img></a>
  32. <a herf=“#” ><img src=“1.png”></img></a>
  33. <a herf=“#” ><img src=“1.png”></img></a>
  34. <a herf=“#” ><img src=“1.png”></img></a>
  35. <div>
  36. </body>
  37. </html>

如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!

一条评论
  • 孤独患者

    2014年9月23日 13:02

    加油,不错

发表评论

电子邮件地址不会被公开。 必填项已用*标注