CSS 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>

<TITLE>CSS border 立体矩形</TITLE>

<style>

#test2 {

    height:0;

    width:0;

    overflow: hidden;

    font-size: 0;

    line-height: 0;

    border-color:#FF9600 #3366ff #12ad2a #f0eb7a;

    border-style:solid;

    border-width:20px;

}

</style>

</HEAD>

<BODY>

<div id="test2"></div>

</BODY>

</HTML>


你可能感兴趣的:(border,hidden)