html页面边框的简单设置方法

 <!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>边框</title>
<style type="text/css">
div{
width: 300px;
height: 300px;
border: 10px solid rgb(255,0,0);
}
</style>
</head>
<body>
<div> </div>
<!--
boder的组成
1、边框的粗细程度
2、边框的表现形式
solid 实线
dashed 虚线
dotted 点划线(这个属性不兼容,即不同浏览器显示是不一样的)
3、边框的颜色
red 颜色英文单词
#1234 颜色十六进制数
rgb(0,0,0) 颜色的rgb表示法
rgba 其中a为阿尔法通道的意思
三个属性位置可调换
--> </body>
</html>

ps:border的三个属性其实可以分别写,用border-width: 1px;  border-style:solid;  border-color:red;这样来画出边框

上一篇:HDU 2147 kiki's game(博弈图上找规律)


下一篇:HDU 2147 (博弈) kiki's game