zoukankan      html  css  js  c++  java
  • html页面边框的简单设置方法

     1 <!DOCTYPE html>
     2 <html>
     3     <head>
     4         <meta charset="UTF-8">
     5         <title>边框</title>
     6         <style type="text/css">
     7             div{
     8                 width: 300px;
     9                 height: 300px;
    10                 border: 10px solid rgb(255,0,0);
    11             }
    12         </style>
    13     </head>
    14     <body>
    15         <div>
    16             
    17             
    18         </div>
    19         <!--
    20             boder的组成
    21             1、边框的粗细程度
    22             2、边框的表现形式
    23                 solid  实线
    24                 dashed 虚线
    25                 dotted 点划线(这个属性不兼容,即不同浏览器显示是不一样的)
    26             3、边框的颜色
    27                 red         颜色英文单词
    28                 #1234                   颜色十六进制数
    29                 rgb(0,0,0)    颜色的rgb表示法
    30                 rgba         其中a为阿尔法通道的意思
    31             三个属性位置可调换
    32         -->
    33         
    34     </body>
    35 </html>


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

  • 相关阅读:
    编程之美--2.13
    编程之美--2.17
    编程之美--3.8
    编程之美--3.7
    面试金典--9.3
    面试金典--9.2
    面试金典--9.1
    jq插件
    laravel controller
    laravel 登录验证
  • 原文地址:https://www.cnblogs.com/swust-wangyf/p/6768328.html
Copyright © 2011-2022 走看看