html边框凹进去_html :边框_html边框 - 腾讯云开发者社区 - 腾讯云

开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

探索IE浏览器窗口

点燃灵感　　　星之海洋不知大家是否见过浏览器窗口（哎呦，不要打我！），其实，不要小瞧了这普普通通的windows，除了常用的window.open()与window.resizeTo()方法来开启窗口外，仔细挖掘，你还能找到许多奥秘在里头，下面就跟着我一起来探索探索吧~~let's go！一、继续解剖window.open() 说明：如无特别说明，以下红色标注的代码就是关键代码 1、弹启一个全屏窗口 window.open('http://www.fwcn.com','example01','fullscreen')

01

页面彈出各种窗口詳解

一、基本变化 <SCRIPT LANGUAGE="javascript"> </SCRIPT> 参数解释： window.open 弹出新窗口的命令； 'page.html' 弹出窗口的文件名； 'newwindow' 弹出窗口的名字（不是文件名），非必须，可用空''代替； 100 窗口高度； width=400 窗口宽度； top=0 窗口距离屏幕上方的象素值； left=0 窗口距离屏幕左侧的象素值； toolbar=no 是否显示工具栏，yes为显示； menubar，scrollbars 表示菜单栏和滚动栏。 resizable=no 是否允许改变窗口大小，yes为允许； location=no 是否显示地址栏，yes为允许； status=no 是否显示状态栏内的信息（通常是文件已经打开），yes为允许；二、弹启一个全屏窗口加入fullscreen <SCRIPT LANGUAGE="javascript"> </SCRIPT> 三、打开一个和按F11所见到的一样的窗口加入channelmode <SCRIPT LANGUAGE="javascript"> </SCRIPT> 四、打开一个连标题栏都没有的窗口（无标题、最小、最大、以及关闭按钮） <HTML><HEAD> <META http-equiv=Content-Type content="text/html; charset=gb2312"> <script language="javascript"> function unload() { var popUpSizeX=200; //窗口的宽度 var popUpSizeY=166; //窗口的高度 var popUpLocationX=2;//距离左边的距离相当于 left var popUpLocationY=2;//距离顶端的距离相当于 top // URL of the popUp var popUpURL="http://www.33d9.com/default.asp";; //打开页面的路径 // ** 下面的就不要随便改了 *** splashWin = window.open("",'x','fullscreen=1, ,scrollbars=auto,resizable=1'); splashWin.blur(); // Hide while updating window.focus(); splashWin.resizeTo(popUpSizeX,popUpSizeY); splashWin.moveTo(popUpLocationX,popUpLocationY); splashWin.location=popUpURL; } // END unload(); </script> </HEAD> <BODY></BODY></HTML> 看看，什么效果？如果把resizable 设为0 scrollbars = no 呢？五、没有最大化按纽的窗口其实也就是象软件的“关于我们”的那个窗口一样，下面就是用对话框窗口来实现它。 showModalDialog()以及showModelessDialog() 1．用showModalDialog() <html> <SCRIPT LANGUAGE="javascript"> </SCRIPT> http://w

02

您找到你想要的搜索结果了吗？

是的

没有找到

为什么页面跟设计稿差距这么大

在互联网产品的研发流程中，页面的视觉还原是很重要的一个步骤，也往往是问题最多的一个环节。如果一些细节问题在这个环节没有被有效地发现并解决，那么后续流程中再去解决这些问题的成本就会呈指数上升。

03

代码变油画，前端小姐姐只用HTML+CSS就能做到，让美术设计也惊叹丨GitHub热榜

大佬级前端，用HTML+CSS绘画，全程不用PS、AI这种图形化的图片编辑器，单纯敲一行行代码纯手工绘制。

03

代码变油画，精细到毛发，这个前端小姐姐只用HTML+CSS，让美术设计也惊叹丨GitHub热榜

大佬级前端，用HTML+CSS绘画，全程不用PS、AI这种图形化的图片编辑器，单纯敲一行行代码纯手工绘制。

02

芯片附近为什么都放 0.1uF 的电容?

这是 STM32F103 最小系统原理图，STM32F103VET6 需要五路 3.3V 供电，他的 3.3V 一般来源于 LDO（低压差线性稳压器），比如 LM1117

01

5.边框样式-CSS基础

一、边框几乎可以对所有元素定义边框。我们可以为div元素、img元素、span元素、table元素定义边框。 1.设置边框的三方面边框宽度边框外观（实线、虚线等）边框颜色（1）边框样式属性属性说明 border-width 边框的宽度 border-style 边框的外观 border-color 边框的颜色想要为一个元素定义边框样式，我们必须同时设置border-width、border-style、border-color这三个属性才会有效果。二、整体样式 1.边

02

【CSS】盒子边框 ① ( 网页布局本质 | 盒子模型 | 盒子边框 Border | border-width 宽度 | border-style 边框样式 | 边框颜色 | 边框设置综合写法 )

HTML 的一个布局可以看做一个矩形的盒子模型 , 该盒子模型是一个用于容纳标签元素的容器 ;

02

一篇文章带你了解CSS 边框(Border)

CSS边框属性允许您定义框的边框区域。边框可以是预定义的样式，例如实线，双线，虚线等，[也可以是图像]，定义边框的样式（border-style），颜色（border-color）和厚度（border-width）。

01

React：Table 那些事（2）—— 解读 W3C 规范

—— https://www.w3.org/TR/CSS22/sample.html

03

7.表格样式-CSS基础

一、表格标题位置（caption-side）默认情况下，表格标题是在表格的上方。在CSS中，可以使用caption-side属性来定义表格标题的位置。 caption-side属性是在table元素中定义（也可以在caption元素中定义）。 1.标题位置（1）语法格式 caption-side:取值; ① caption-side属性值属性值说明 top 标题在顶部（默认） bottom 标题在底部 ② 示例 Ⅰ.例1 <!DOCTYPE html> <html xmlns="htt

02

30. CSS border-image（边框图片）

对于元素的边框，还可以通过 CSS3 中的 border-image 属性使用图像来作为元素的边框，以创建出丰富多彩边框效果。

01

【CSS】盒子模型圆角边框 ( 通过设置 border-radius 样式设置圆角矩形圆角半径 )

如果盒子模型高度 = 宽度 , 并且圆角矩形的圆角半径为 50% 或者高度/宽度的一半 , 则该圆角矩形表现就是一个圆 ;

02

【CSS】盒子边框 ② ( 盒子边框单独指定语法 )

盒子的边框 Border , 由四个方向的边框组成 , 左上右下四个方向上的边框可以单独指定样式 ,

02

【CSS】盒子边框 ③ ( 设置表格细线边框 | 合并相邻边框 border-collapse: collapse； )

上述单元格与单元格之间的边框 , 单元格与表格之间的边框 , 出现了重叠 , 每个重叠处都有两条线 ;

02

CSS三大特性

当然如果没有学习之前的知识，可以到我的主页中查看之前的文章：秋落雨微凉 - 博客园

01

CSS盒子模型

网页的布局本质就是把网页的元素（图片，文字都）都放入盒子里面，然后按照自己的需要摆放盒子的过程就是网页布局。

03

一篇文章带你了解HTML表格及其主要属性介绍

标签定义表中的每一行使用。使用标签定义表头。默认情况下，表标题是粗体和居中的。一个表的数据/单元使用标签定义。

02

iframe参数[通俗易懂]

<iframe src=”test.jsp” width=”100″ height=”50″ frameborder=”no” border=”0″ marginwidth=”0″ marginheight=”0″ scrolling=”no” allowtransparency=”yes”></iframe>

01

iframe参数详解

<iframe src=”you page’s url” width=”100″ height=”30″ frameborder=”no” border=”0″ marginwidth=”0″ marginheight=”0″ scrolling=”no” allowtransparency=”yes”></iframe>

03

【Go 语言社区】iframe去边框，无边框，使用大全

<iframe src=”you page’s url” width=”100″ height=”30″ frameborder=”no” border=”0″ marginwidth=”0″ marginheight=”0″ scrolling=”no” allowtransparency=”yes”></iframe> <iframe runat="server" src="you page's url" width="750" height="30" frameborder="no" border="

07

CSS制作一个半透明边框

对于如何使用 CSS 制作一个半透明边框，首先你要知道 background-clip 这个属性

04

【前端网页】CSS样式表进阶之盒子模型

格式：粗细（ px ）样式 (solid double dashed dotted) 颜色

03

标签之美八——网页框架原

其中属性设置的值可以是百分比，可以是固定值，*符号表示除了已经分配后的剩余空间。上面代码中每个html文件设置不同的背景颜色，效果如下：

01

html表格菜鸟教程_exls表格

标签定义 HTML 表格。简单的 HTML 表格由 table 元素以及一个或多个 、 元素定义表格行，

或

元素组成表格结构；其中：

元素定义表头，

元素定义表格单元。为了让表格更美观，我们会用到：border，colspan，rowspan，align，bgcolor 等来美化表格，具体在本文都有讲解；

02

【CSS】margin 外边距负值使用案例 ( 正常外边距 | 使用外边距负值实现边框重叠 | 重叠边框突出显示 )

margine 正常情况下使用 , 设置 float 浮动 , 使得相邻的盒子模型紧贴在一起 ;

02

图片样式

在之前的课程例子中，我们接触了width和height这两个属性，这两个属性分别是用来设置元素的宽度和高度的。

04

CSS 基础

层叠样式表 (Cascading Style Sheets)，一种用来为结构化文档（如 HTML 文档或 XML 应用）添加样式（字体、间距和颜色等）的计算机语言

04

Web阶段：第二章：CSS语言

CSS语言介绍：CSS 是「层叠样式表单」。是用于(增强)控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。

03

前端课程——盒子模型

盒子模型又称为框模型，HTML页面所有的元素都具有盒子模型，该模型用于设计HTML页面和实现HTML页面布局。

01

css的border-radius注意点

<!DOCTYPE html> <html> <head> <title></title> <style type="text/css"> *{ margin: 0; padding: 0; } .one { width: 200px; height: 200px; border: 1px solid red; box-sizing

01

CSS笔记(7)

终于学到新内容啦!CSS的盒子模型,其实学到这里有些东西已经懵懵的了,听都听得懂,因为老师讲的实在是很好,但还是害怕实际运用的时候不知所措...不管了先学吧.居然还要学习一点PS...又要重新下载,心累.

01

CSS 技术

CSS相关查阅文档：https://kohler.lanzouo.com/i0XFcz8svob

02

CSS技术

CSS 是「层叠样式表单」。是用于(增强)控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。

01

Css3 阴影详解

例：box-shadow：10px 10px 5px 5px red inset;

02

「HTML+CSS」--自定义加载动画【033】

注：这里没有设置width、height，仅使用了border就生成了一个正方形

02

frameset标签设计页面

本文介绍了使用frameset标签的HTML5页面如何实现分层显示，并给出了具体的代码示例和用法。同时还讨论了使用frameset标签的优缺点，并给出了在实现分层显示页面时可以使用的其他方法。

09

仅使用CSS，带你创建一个漂亮的动画加载页面

利用伪元素、关键帧动画，你将具有强大的创造力，本文就是一个例子。本例中，利用两者，就可以构建一个加载动画，无需任何JS代码和图片。

02

【CSS】使用 CSS 实现三角形 ( 宽高设置为 0 | 设置四个边框宽度 / 样式 / 颜色值 | 兼容低版本浏览器 | 基本示例 | 对话框示例 )

一、使用 CSS 实现三角形 ---- 使用 CSS 实现三角形步骤 : 首先 , 宽度 / 高度设置为 0 ; /* 宽高设置为 0 像素 */ width: 0; height: 0; 然后 , 设置 4 个边框 , 每个边框都要设置相同的宽度 , 实线 , 以及颜色值 ; 该颜色值就是显示的三角形颜色值 ; /* 4 个边框都要设置如果不需要 */ border-top: 10px solid blue; border-right: 10px solid red

03

CSS笔记

文本字体 font-family:设置字体 font-size:字体大小 font-style:斜体(normal正常，italic斜体，oblique偏斜体) font-weight: 加粗(normal正常，bold粗体，bolder特粗，lighter特细体) font-variant:字体变体 letter-spacing:字母间距 word-spacing:单词间距 text-decoration: 文字修饰(underline下划线，overline上划线，line-through删除线) te

02

前端-part3-基础css样式

1.字体的背景属性 <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>今日的css</title> <style> * { font-family: ".PingFang SC", "微软雅黑", "Microsoft YaHei", "Arial"; font-size: 18px; } a:link { color: cadetblue;

00

前端-如何只用 CSS 完成漂亮的加载

只想说, 本文最重要的是对 CSS, 伪元素, keyframe的分享, 以及读者对这些东西的真正掌握, 我并不是怂恿大家在每一个页面的前面都去加一个酷炫的加载

02

Html与CSS快速入门01-基础概念

Web前端技术一直是自己的薄弱环节，经常为了调节一个简单的样式花费大量的时间。最近趁着在做前端部分的开发，果断把这部分知识成体系的恶补一下。内容相对都比较简单，很类似工具手册的学习，但目标是熟练掌握。

07

css表格属性

在了解什么叫“表格边框合并”之前，我们先来看一下在默认情况下表格加入边框是怎样的一个效果。

03

【CSS】浮动 ⑥ ( 浮动元素与父容器盒子关系 | 代码示例 )

在父容器盒子模型中 , 将子元素设置为浮动元素 , 会出现如下情况 :

03

国庆节前端技术栈充实计划（3）：仅使用CSS做一个漂亮的动画加载页面

利用伪元素、关键帧动画，你将具有强大的创造力，本文就是一个例子。本例中，利用两者，就可以构建一个加载动画，无需任何JS代码和图片。

02

使用css实现边框流动效果

要实现一个边框流动的效果，可以使用CSS动画来实现。在HTML中，我们需要创建一个元素（例如div），并将其设置为具有一定宽度和高度的盒子。然后，我们可以使用CSS来定义该元素的边框样式、位置和动画。

01

html中hr标签的基础知识

在 XHTML 1.0 Strict DTD 中，hr 元素的所有呈现属性均不被支持。

00

小白都能学会的css

css 相当于美化工具，就是在事物原有的基础上对外表进行修饰和包装，跟ps、美图秀秀等类似，只不过，css 是美化的对象是html 文本，是一个超文本标记语言。

03

Java学习笔记-全栈-web开发-02-css必备基础

选择器主要作用是为了确定需要改变样式的HTML元素每一条声明由一个属性和一个值组成，使用花括号来包围声明，属性与值之间使用冒号(:)分开

03

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭