html复合属性和border设置样式

最新推荐文章于 2023-03-22 12:04:15 发布
原创 最新推荐文章于 2023-03-22 12:04:15 发布 · 3.1k 阅读 · 4 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文详细介绍了CSS中字体、边框及文本修饰的设置方法。包括字体样式、边框宽度、颜色、线条样式以及文本修饰的常见属性。学习如何正确设置字体和边框，了解solid、dotted、dashed等线条样式，掌握text-decoration属性的使用。

1.字体设置样式
在这里插入图片描述
font设置符合属性时，顺序不能调换，必须有字体和字号，不然不会发生样式的变化。
2.边框设置样式
在这里插入图片描述
border设置的属性有边框宽度，颜色和线条样式，不区分顺序。
常见的几个线条样式：solid 直线，dotted 点线，dashed 虚线，double 双线。
例子：
在这里插入图片描述
在这里插入图片描述
3.顺便记一下text-decoration
none:不设置
overline:上划线
在这里插入图片描述
line-through:删除线
在这里插入图片描述
underline:下滑线
在这里插入图片描述

边框美学：HTML border属性详解
a451319296的博客
05-20 8016
本文介绍了HTML的border属性，包括其语法和常见的属性值。通过边框宽度、样式和颜色的设置，可以实现丰富多彩的HTML元素样式。同时，也提供了使用内联样式、内部样式表和外部样式表的方式来使用border属性的方法。读者可以通过本文全面了解HTML border属性的用法和应用场景，从而为自己的网站设计提供更加美观的视觉效果。
html5-css简介和属性：border、background、font
xingguanghui_1134的专栏
08-10 2020
8月8日
html边框复合属性,详解CSS的border边框属性及其在CSS3中的新特性
weixin_34036075的博客
06-04 2212
基础你可能很熟悉边的最基本用法。CSS Code复制内容到剪贴板border:1pxsolidblack;上面的代码将给元素应用1px的边。即简洁又简单；但我们也可以稍作修改。CSS Code复制内容到剪贴板border-width:thick;border-style:solid;border-color:black;除了指定具体的边框宽度值，也可以使用这三个关键词：thin，medium 和 ...
html复合属性
weixin_46191548的博客
01-29 1221
本篇主要写了background，border的一些属性，注释的形式多些，单词比较多，但都是一些简单好理解的东西。 <style type="text/css"> .box{ width: 500px; height: 100px; /*background: red;*/ /*background 复合属性 url: 地址(本地地址，网络地址...
html复合属性有哪些,CSS中的复合属性
weixin_35588980的博客
06-07 1644
1、background 属性background 属性负责给盒子设置背景图片和颜色，它是一个复合属性，可以分解成以下几个设置项：background-color 设置背景颜色background-image 设置背景图片地址background-repeat 设置背景图片如何重复平铺(repeat-x、repeat-y、no-repeat、repeat缺省值)background-postion...
css border 属性
amnotsuperior的专栏
03-13 583
none : 　无边框。与任何指定的border-width值无关 hidden : 　隐藏边框。IE不支持 dotted : 　在MAC平台上IE4+与WINDOWS和UNIX平台上IE5.5+为点线。否则为实线（常用） dashed : 　在MAC平台上IE4+与WINDOWS和UNIX平台上IE5.5+为虚线。否则为实线（常用） solid : 　实线边框（常用） so
CSS盒模型-4.3边框-border-style、border-width、border-color、--复合属性--border-top、right、bottom、left
qq_44280574的博客
08-27 2356
1.边框 围绕元素内容和边距的一条边线 使用属性border代表边框 我们可以使用边框属性精确控制这条线的样式、宽度、颜色 2.边框样式 使用border-style设置边框的样式属性 还可分别设置上下左右四条边框的样式属性 默认值为none，表示无边框 还可以设置多种样式，分别为dotted（点状）、dasheed（虚线）、solid（实线，最常用）、double（双边线）、groove、ridge、inset、outset 3.边框宽度 使用border-width设置边框的宽度属性 和边框样式一样，还
div style属性中设置其border无效是什么情况如何解决
09-25
首先，`border`属性是一个复合属性，它包含了三个子属性：`border-style`、`border-width` 和 `border-color`。这三个子属性分别定义了边框的样式（如实线、虚线等）、宽度（如像素值）和颜色。当设置`border`时，...
CSS border属性详解：设置网页边框样式
在CSS中，`border`属性是一个非常重要的复合属性，用于一次性设置元素边框的样式、宽度和颜色。基本语法如下： ```css border: 边框宽度 | 边框样式 | 边框颜色; ``` 这个属性允许你快速设定元素的所有边框。例如...
css 的border属性改变hr颜色小示例
12-10
1. `border`属性：`border`是CSS中的一个复合属性，用于一次性设置元素的所有边框。它可以接受宽度、样式和颜色三个值，例如：`border: 1px solid red;`。在这个例子中，`border: 0;`被用来清除`<hr>`元素的默认边框...
css-边框属性
性感小胡子的博客
11-21 313
一、css边框属性 1.border属性 （1）border:复合属性,设置对象边框的特性, 如使用该复合属性定义其单个参数，则其他参数的默认值将无条件覆盖各自对应的单个属性设置 （2）例如：border:1px solid red; 设置或检索对象边框宽度 设置或检索对象边框样式 设置或检索对象边框颜色 &lt;!DOCTYPE html&gt; &lt;html lang="e...
疯狂H5笔记 - 背景和边框相关属性
qq_27905183的博客
11-08 1365
1.背景相关属性：background-attachment：设置背景图片是随着对象内容滚动还是固定，有两个属性值: scroll：随组件内容的滚动而滚动 fixed：背景图片固定 background-color：设置背景颜色，如果同时设置了背景颜色和背景图片，背景图片将会覆盖背景颜色 background-image：设置背景图片，属性值形如:url(url) backgrou
HTML <img> 标签的 border 属性
weixin_33759269的博客
06-04 708
定义和用法 &lt;img&gt; 标签的 border 属性规定图像周围的边框的宽度，就是说可以增加或去掉图像的边框。 注释：默认地，图像是没有边框的（除非图像在 a 元素内部）。 浏览器通常会把代表超链接的图像（例如包含在 &lt;a&gt; 标签中的图像）显示在两个像素宽的边框里面，以表示读者可以通过选择这个图像来访问相关联的文档。 使用 border 属性和一个用像素表示的宽度值就...
CSS复合样式&id选择器&class选择器
sz1125218970的博客
12-13 1264
笔记
HTML-CSS（十四）CSS属性的复合样式
weixin_44730244的博客
04-22 1155
一个CSS属性只控制一种样式，叫做单一样式 一个CSS属性控制多种样式，叫做复合样式 background background-color ：背景色 background-image ：背景图片 background-repeat ：背景平铺方式 background-position:背景图片的位置 缩写：background:背景色 背景图片 平铺方式 x y背景图片的位置（顺序没有要求；可省略其中任何一个属性值；至少要写一个属性值； x、y省略一个值时，代表x、y共用这个值） borde
HTML5 入门 知识考察（1）
weixin_55501516的博客
03-22 1397
HTML5 入门知识考察(1) 单选+不定项
css中的复合属性之font，border，background
weixin_45376220的博客
07-28 2046
单属性: 一个属性名对应一个属性值 复合属性: 一个属性名对应多个属性值 ①.font： 单属性：font-style:italic;//倾斜 font-weight:700; //加粗 font-size:40px; //字号 line-height:40px; //行高 font-family:“宋体”; //字体 复合属性：font:italic 700 40px/40px “宋体”; ②....
web前端——css样式的复合写法
xishaoguo的博客
03-08 3167
就是将好多的样式写在一行里，从而减少代码量。如字体的一些样式，我们可以将文字大小、颜色、加粗等都写在一行里面。具体的样式属性：&lt;!DOCTYPE html&gt; &lt;html lang="zh-CN"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;标签&lt;/title&g
html 常用的复合属性书写方法
u010713935的博客
03-20 1733
复合属性书写方法 font: italic 700 40px/40px "微软雅黑"; //斜体 fontweight fontsize line-height font-family border:3px solid blue; border-left: 1px solid red; border-right: 2px dashed blue; ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值