简单的CSS设置div边框样式

news/2024/10/21 11:33:07/

    •  今天工作干完了，想到前几天一个CSS新手让我帮他美化一下他的Div边框，索引想到不如写一个CSs小教程 ，帮助更多的CSs新手学会以如何用CSS来美化网页上的边框，不只是Div，其实其它元素的美化方法和Div是一样的，下面以美化Div边框为例做介绍。

      先来写一个美化边框的CSS代码：

      1 border:1px solid #96c2f1;background:#eff7ff

      将这段CSS代码应用在Div上，产生边框效果，代码如下：

      1 <div style="padding:8px;border:1px solid #96c2f1;background:#eff7ff">&nbsp;border:1px solid #96c2f1;background:#eff7ff</div>

      生效后效果如下：

      border:1px solid #96c2f1;background:#eff7ff

       下面再节选几个已经美化好的Div边框样式，可根据自己的网页风格选择使用：

       

      border:1px solid #9bdf70;background:#f0fbeb

       

      border:1px solid #bbe1f1;background:#eefaff

       

      border:1px solid #cceff5;background:#fafcfd

       

      border:1px solid #ffcc00;background:#fffff7

       

      border:1px solid #cee3e9;background:#f1f7f9

       

      border:1px solid #a9c9e2;background:#e8f5fe

       

      border:1px solid #e3e197;background:#ffffdd

       

      border:1px solid #adcd3c;background:#f2fddb

       

      border:1px solid #bfd1eb;background:#f3faff

       

      border:1px solid #a5b6c8;background:#eef3f7

  • 转自：http://www.codefans.net/articles/440.shtml


http://www.ppmy.cn/news/856587.html

相关文章

html的边框设置

html的边框设置

目录 理论知识&#xff1a; 示例一&#xff1a;简单边框 示例二&#xff1a;边框和表格 示例三&#xff1a;边框和图片 示例四&#xff1a;边框和文章 理论知识&#xff1a; 边框的写法&#xff1a; border: 边框的宽度 样式 颜色; 边框的四种样式&#xff1a;solid…
阅读更多...
html圆点边框颜色,css设置div边框颜色

html圆点边框颜色,css设置div边框颜色

div边框色调 css设置装备摆设div边框色采 使用css对div边框设置色采是思空见贯CSS花式设置装备摆设。对div边框颜色设置说需要css单词为border。 去领会干系教程&#xff1a;《CSS边框》教程 一、div四条边的边框颜色配置 如果不设置边框宽度粗细&#xff0c;只配置border-colo…
阅读更多...
div盒子双线边框线内的颜色处理方法

div盒子双线边框线内的颜色处理方法

本人是萌新一枚&#xff0c;刚刚接触h5c3&#xff0c;如有不足&#xff0c; 请各位大佬多多指教&#xff01; 这个问题是我在写作业时发现的&#xff0c;我以为有什么属性可以去控制双线边框线内的颜色&#xff0c;我在CSDN上搜了之后并没有发现有什么可以去解决这个问题的方法…
阅读更多...
html中div边界线颜色,Html 中如何设置 div边框的颜色？

html中div边界线颜色,Html 中如何设置 div边框的颜色？

回答&#xff1a; div的visibility可以控制div的显示和隐藏&#xff0c;但是隐藏后页面显示空白: 1 2 3 style"visibility:none;" document&#xff0c;getElementById("typediv1")&#xff0c;style&#xff0c;visibility"hIDden";//隐藏 docu…
阅读更多...
Linux驱动进阶(三)——中断与时钟机制

Linux驱动进阶(三)——中断与时钟机制

文章目录 前言中断简述中断的概念中断的宏观分类中断产生的位置分类同步和异步中断中断小结 中断的实现过程中断信号线(IRQ)中断控制器中断处理过程中断的安装与释放 按键中断实例按键设备原理图有寄存器设备和无寄存器设备按键设备相关端口寄存器 按键中断实例程序分析按键驱动…
阅读更多...
设置div边框样式

设置div边框样式

设置div边框样式&#xff1a; /*设置边框的方式:*/ 1. border:1px solid red; 2. border-width:1px;边框的粗细 border-style: solid;边框的风格 border-color: red;边框的颜色 3. border-left:1px solid red;border-right:1px solid blue;border-top:1px solid green;border-…
阅读更多...
html中div中加颜色,Html中如何设置div边框的颜色？

html中div中加颜色,Html中如何设置div边框的颜色？

回答&#xff1a; div的visibility可以控制div的显示和隐藏&#xff0c;但是隐藏后页面显示空白: 1 2 3 style"visibility:none;" document&#xff0c;getElementById("typediv1")&#xff0c;style&#xff0c;visibility"hIDden";//隐藏 docu…
阅读更多...
DIV常用的几种边框样式！（转）

DIV常用的几种边框样式！（转）

</head> <body><p styleborder-style:none>无边框</p><p styleborder-style:dotted>点线式边框</p><p styleborder-style:dashed>破折线式边框</p><p styleborder-style:solid>直线式边框</p><p styleborder-s…
阅读更多...
最新文章

Copyright @ 2022~2023