Byron lee

我正在一条很长的路上奔跑........................
  博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

dreamweaver 中插入 竖线

Posted on 2011-04-15 23:10  Byron lee  阅读(1397)  评论(0编辑  收藏  举报

方法一:

[html]
<hr noshade="noshade" style="height:200px; width:1px; " />
[/html]

方法二:

[html]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
<!--
body {font-family: Verdana,Arial, sans-serif, "宋体"; font-size: 12px; color:#006699;}
ul {margin:0;}
-->
</style></head>

<body>
<div style=" width:150px; padding-right:35px; border-right: 1px solid #ccc;">
  <ul>
    <li>此处显示新 Div 标签的内容</li>
    <li>此处显示新 Div 标签的内容</li>
    <li>此处显示新 Div 标签的内容</li>
    <li>此处显示新 Div 标签的内容</li>
    <li>此处显示新 Div 标签的内容</li>
    <li>此处显示新 Div 标签的内容</li>
    <li>此处显示新 Div 标签的内容</li>
    <li>此处显示新 Div 标签的内容</li>
  </ul>
</div>
</body>
</html>
[/html]