www.baike369.com
百科369 > CSS教程 > CSS使用border属性设置框架中的边框

CSS使用border属性设置框架中的边框


CSS使用border属性设置框架中的边框

只有在框架集中的框架边框设置为显示的情况下,才能使用border属性设置框架的边框。该属性在框架中的设置方法和设置普通元素的方法相同。


实例

下面的实例设置了框架窗口的边框属性。源代码如下:

<!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>CSS使用border属性设置框架中的边框的实例-www.baike369.com</title>
<style type="text/css">
<!--
.one{border:15px inset #9999FF;}
.two{border:10px dotted blue;}
-->
</style>
</head>
  <frameset rows="40%,*">
  <frame src="append/Frame_a.html" class="one" />
  <frame src="append/Frame_b.html" class="two" />
  </frameset>
</html>

上侧的框架窗口被设置成了15像素宽的淡蓝色的双实线效果边框,下侧的框架窗口设置成了10像素宽的蓝色短线边框。

显示效果如下:

CSS使用border属性设置框架中的边框的实例的操作效果

Copyright© 2011-2016 www.baike369.com All Rights Reserved