几种常见的DIV边框样式

<html>
<head>
<title>边框样式</title>
</head>
<body>
  <p style=border-style:none>无边框</p>
  <p style=border-style:dotted>点线式边框</p>
  <p style=border-style:dashed>破折线式边框</p>
  <p style=border-style:solid>直线式边框</p>
  <p style=border-style:double>双线式边框</p>
  <p style=border-style:groove>槽线式边框</p>
  <p style=border-style:ridge>脊线式边框</p>
  <p style=border-style:inset>内嵌效果的边框</p>
  <p style=border-style:outset>突起效果的边框</p>
</body>
</html>

时间： 2024-10-12 15:06:39

几种常见的DIV边框样式的相关文章

css九种的DIV边框样式

原文:css九种的IV边框样式源代码下载:http://www.zuidaima.com/share/1550463334894592.htm

原文地址:http://www.divcss5.com/wenji/w503.shtml 对table设置css样式边框,分为几种情况: 1.只对table设置边框 2.对td设置边框 3.对table和td技巧性设置表格边框 4.对table和td设置背景,实现完美表格边框以下DIVCSS5对以上几种实现html 表格边框样式进行讲解与案例演示.为了便于观察,divcss5均设置所有案例表格为1px实线红色边框为例:table宽度为400px;表格为三列三行,对以上四种情况表格外层加个div

Html 常见标签,css基础样式,css的浮动和清流,浏览器的兼容

1.html模板<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>模板</title></head><body></body></html> 2.DOCTYPE声明放在html文件头部最新HTML5用<!DOCTYPE html>声明 3.css的引入方式a.直接在html下引入<st

边框样式、段落样式、背景样式

边框样式: 1. border-width 边框宽度: div { width:200px; height:200px; border-style:solid; border-width:5px; } /*border-top-width 设置上边框宽度 border-bottom-width 设置下边框宽度 border-left-width 设置左边框宽度 border-right-width 设置右边框宽度*/ 2. border-color 边框颜色: div { width:200px

CSS3下不一样的阴影、背景和圆角边框样式

CSS3下不一样的阴影.背景和圆角边框样式 CSS2.1 发布至今已有7年的历史.CSS3的出现就是增强CSS2.1的功能,减少图片的使用次数以及解决HTML页面上的特殊效果当前,CSS3技术最适合在移动Web开发中使用的特性包括: ●增强的选择器 ●阴影 ●强大的背景设置 ●圆角边框阴影: 现在的CSS3样式已经支持阴影样式效果.目前可使用的阴影的效果分为两种:文本内容的阴影效果和元素的阴影效果. box-shadow CSS3的box-shadow属性是让元素具有阴影的效果,其语法如下:

css中的边框样式

在盒子模型中,盒子的边框是其重要的样式,通过边框我们可以很方便地看出盒子的长宽以及大小.边框的特性可以通过边框线,边框的宽度及颜色来呈现. 1,边框线边框线指的是边框线条的样式,包括实线,虚线,点划线等.其具体的使用如下: border-style : none | hidden | dotted | dashed | solid | double | groove |ridge | inset | outset 例:div { width:300px; height:100px; bord

网页边框样式与style样式部分总结

1).border边框样式:border-style:solid 边框样式值如下: none : 无边框.与任何指定的border-width值无关 hidden : 隐藏边框.IE不支持 dotted : 在MAC平台上IE4+与WINDOWS和UNIX平台上IE5.5+为点线.否则为实线(常用) dashed : 在MAC平台上IE4+与WINDOWS和UNIX平台上IE5.5+为虚线.否则为实线(常用) solid : 实线边框(常用) double : 双线边框.两条单线与其间隔的和等于

(nginx|apache)+tomcat 几种常见的代理实现方式或连接类型（connector type）

简单描述一下nginx两块网卡,eth1外网,eth0内网与tomcat eth0通信,用户请求静态内容由nginx直接响应,动态内容则nginx转发至后端tomcat响应安装nginx,tomcat不再描述. nginx的配置文件如下:/etc/nginx/nginx.conf [[email protected] ~]# pnginx worker_processes 1; events { worker_connections 1024; } http { include mime.ty

CSS边框样式

边框样式很多HTML元素都有边框,如img, table, td, div, input等. border-style边框样式,枚举值 border-width边框宽度,长度值 border-color边框颜色,颜色值可以合并上面三个样式属性border: solid 2px red; 还可以分别控制上下左右边框的样式,如border-top-color样式属性 table元素使用border-collapse:collapse;可以合并单元格边框