css样式表之边框

方框和边框, 边框的顺序为, 上右下左

框的width和height不包括边距的宽度, 设置多少就是多少, margin代表外边距, padding代表内边距, border是边框, 边框border的属性还有style, background-color, 单独写一个color是指的框内文本的颜色
边距可以分别设置, 顺序为上右下左顺时针方向

p.inset {border-style: inset}
p.outset {border-style: outset}
inset和outset分别表示内凹和外凸的边框

时间： 2024-10-25 07:55:11

css样式表之边框的相关文章

CSS入门（css简介与样式汇总、CSS的使用方式、CSS样式表的特征、CSS基础选择器和复杂选择器、边框阴影）

一.CSS的作用 1.以统一的方式实现样式的定义 2.提高页面样式的可重用性和可维护性 3.实现了内容(HTML)和表示(CSS)的分离 HTML和CSS之间有什么关系? HTML:构建网页的结构 CSS :构建HTML元素的样式样式汇总: color:red 字体颜色 font-size:字体大小 font-family:字体样式 background-color 背景颜色 width:宽度 height:高度字体使用实例(样式) font-family:字体的种类 font-size:字

网站开发综合技术第二部分 CSS样式表

第2部分 CSS样式表 CSS(Cascading Style Sheets,层叠样式表),作用是美化HTML网页. /*注释*/ 注释语法 2.1.样式表的基本概念 2.1.1.样式表分类 1.内联样式表和html联合显示,控制精确,但是可重用性差,冗余多. 例:<p style="font-size:14px;">内联样式表</p> 2.内嵌样式表作为一个独立区域内嵌在网页里,必须写在head标签里边. <style type= "

HTML基础（三）——css样式表

CSS(Cascading Style Sheet,叠层样式表),作用是美化HTML网页. /*注释区域*/此为注释语法一.样式表 (一)样式表的分类 1.内联样式表和HTML联合显示,控制精确,但是可重用性差,冗余较多. 例:<p style="font-size:14px;">内联样式表</p> 2.内嵌样式表作为一个独立区域内嵌在网页里,必须写在head标签里面. <style type="text/css"> p

JS 控制CSS样式表

JS控制CSS样式,首先得确定一点,CSS与HTML页面的链接方式,因为CSS有3种与HTML页面结合的方式,不同的方式也会产生不同的结果. 下面先记录一下JS控制CSS所使用的方法. 1.使用javascript更改某个css class的属性... 1 <style type="text/css"> 2 .orig { 3 display: none; 4 } 5 </style> 你想要改变把他的display属性由none改为inline. 解决办法:

HTML静态网页（css样式表）美化

CSS(Cascading Style Sheet,叠层样式表),作用是美化HTML网页. /*注释区域*/ 此为注释语法一.样式表 (一)样式表的分类 1.内联样式表和HTML联合显示,控制精确,但是可重用性差,冗余较多. 例:<p >内联样式表</p> 2.内嵌样式表作为一个独立区域内嵌在网页里,必须写在head标签里面. <style type="text/css"> p //格式对p标签起作用 { 样式: } </sty

2016年10月27日--css样式表

CSS样式表样式表分类 1.内联样式表和html联合显示,控制精确,但是可重用性差,冗余多. !doctype html> <html> <head> <meta charset="UTF-8"> <title>css内嵌样式</title> </head> <body> <style type="text/css"> #div{width:100px;heig

4.1 什么是CSS样式表

上一章的课程里,我们学习了表单以及表单中的各种元素,常用的表单元素有:文本框( text).密码框(password).单选按钮(radio).复选框(checkbox).列表框(<select><option>).按钮(button.submit和reset).多行文本框(<textarea>).另外,还学习了框架,包括框架的基本结构.如何创建多个复杂的窗口.框架窗口之间的链接等. 从本章开始,我们将学习CSS(Cascading Style Sheet,层叠式样式表

【3-24】css样式表分类、选择器、样式属性、格式布局

一.css样式表分类: (一)内联样式表:代码写在标签内的样式表控制精确代码重用性差优先级最高格式:<p style="样式属性">内容</p> <div style="text-decoration:line-through;">第四格第三元</div> (二)内嵌样式表:将代码写在标签<style type="text/css"></style>之间,此标签一

3.22课·········CSS样式表

CSS(Cascading Style Sheet,叠层样式表),作用是美化HTML网页. /*注释区域*/ 此为注释语法一.样式表 (一)样式表的分类 1.内联样式表和HTML联合显示,控制精确,但是可重用性差,冗余较多. 例:<p style="font-size:14px;">内联样式表</p> 2.内嵌样式表作为一个独立区域内嵌在网页里,必须写在head标签里面. <style type="text/css">