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

CSS使用border-style属性设置框架中的边框风格


CSS使用border-style属性设置框架中的边框风格

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


实例

下面通过一个实例来说明使用CSS的border-style属性设置框架中的边框风格的方法和显示效果。源代码如下:

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

上述代码中,将页面分割为上下两个框架窗口,上面的框架窗口边框设置为短线效果,下面的框架窗口边框设置为了点线效果。

显示效果如下:

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

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