CSS:阴影/边框/背景

news/2024/11/16 22:23:20/

2019独角兽企业重金招聘Python工程师标准>>> hot3.png

文本阴影(text-shadow):(,,,)水平的偏移值,垂直方向的偏移量,模糊度,阴影颜色

box-shadow(元素阴影):(,,,,)水平的偏移值,垂直方向的偏移量,模糊度,阴影颜色,外延值

text-overflow文本溢出

word-wrap(换行):break-all让连续的文字断行

引用字体库:@font-face{}

font-family{设置为定义的字体库}

颜色:rgba( , , , 0-1透明度):对话框/hsl(色调,饱和度,亮度)/hsla/rgb(0-255)

边框:(border-radius:半径;可设置多个值(左上,右下/右上和左下一致)边框圆角)eg(五环);

border-image:url()  (边框大小) round(拉伸填满)/repeat(重复);//边框图片;必须设置边框大小

背景:(背景默认是从padding开始填充)

background-origin(背景开始的地方(原点)):padding-box;原点/context-box(从内容开始);/border-box(从边框开始);

background-clip(背景裁切):content-box;(从内容开始,将内容前面的背景(padding/border)切掉);padding-box;()/border-box();/text(用字去裁切背景

font-weight:bolder/bold;加粗

background-size(背景大小):200px  200px(水平 垂直高度)/cover(覆盖:图片会等比例缩放,直到两边都覆盖容器,背景可能会出去)/contain(包含:图片等比例缩放,直到一边覆盖到容器,背景不会出去) ;

多背景:background:url() 10 10(位置),url() 100 100(位置);

背景渐变:background:linear-gradient线性的(to butom(从上到下), #f00,#0f0);

转载于:https://my.oschina.net/u/4045971/blog/3017279


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

相关文章

在word中制作外边框_如何在Word中的整个页面上添加边框

在word中制作外边框 Word allows you to put a border around most types of items in your document, such as text, pictures, and tables. You can also add a border to either all the pages in your document or certain pages in your document using section breaks. W…

CSS3--边框:圆角、阴影和边框图片

写在前面:很多内容都是对w3cschool教程的复述,深入学习建议w3cschool - 编程狮,随时随地学编程 一、圆角 使用border-radios,指定值为数值带单位或者百分比,不同指定值个数带来的圆角效果不同。 一个值:四…

如何在Word中的表上添加边框或更改边框

By default, when you insert a table, there is a simple, black border around all the cells in the table. However, you may want to change or remove the borders, and there are a few easy ways you can do this. 默认情况下,插入表格时,表格中所有单元格周围都有一…

docx文档文字怎么加边框_word给正文加边框 word怎样给一段文字加上边框

1、首先在电脑上打开Word软件,然后在Word中打开需要处理的文档。 2、接下来选择自己需要添加方框的一段文字。 3、然后在上方工具栏选择“开始”选项。 4、接下来在工具栏下选择“文字”-“字符边框”即可。 如何给WORD文字加边框 工具/材料:电脑、WORD。 第一步,打开电脑进…

HTML文本边框inside,css3新增边框、阴影、边框、背景、文本、字体,

1 2 3 4 5 6 css3新增边框、阴影、背景、文本、字体 7 8 /*border-radius:边框圆角 圆角直径*/ 9 div#ceshi{ 10 width:200px; 11 height:200px; 12 background-color:#f90; 13 margin-bottom:50px; 14 /*border-radius: 50%;15 border-radius: 200px;*/ 16 border-radiu…

html中边框倒影怎么弄,word中边框 倒影字的制作.doc

word中边框 倒影字的制作 办公一族 拿WORD搞搞新意思—艺术字 发布时间 2009/02/26 相信所有初学WORD的朋友一定对“绘图”工具栏上的“插入艺术字”按钮都爱不释手,因为她可以让所有对文字操作感觉枯燥的眼光变得贼亮:原来WORD也能做到如此令人动心&…

docx文档文字怎么加边框,word文档中设置边框的方法步骤

word2003提供了很多类型的边框,这些边框可以用于表格,可以用于图片,也可以用于文档,利用边框,可以是Word文档更加美观,那么下面就由学习啦小编给大家分享下word文档中设置边框的技巧,希望能帮助…

wps带阴影的边框怎么设置_怎么把表格加框_win7系统下wps设置阴影边框的方法

2017-06-20 09:31:11 Excel一款试算表软件,编辑表格或数据都会用到,一些细心的Win7系统用户发现在Excel表格中设置了分页符的文档看起来就比较难看,Excel的分页符线框是粗粗的蓝色框,虽然打印... 2017-09-27 11:27:08 很多windows…