css实用功能

简介: css实用功能

1,border-radius

对于这种的,其实是两张图片,但是我们拿到图之后是方形的,这哥时候就需要使用css的border-radius,border-radius有4个数值,分别为左上,右上,左下,右下,一点点调试即可

2,图片居中在div

<div style="text-align: center; width: 500px; border: green solid 1px;">
<img alt="" src="" style="margin: 0 auto;" />
</div>
<div style="text-align: center; width: 500px;height:200px; display: table;border: green solid 1px;">   
<span style="display: table-cell; vertical-align: middle; ">
<img alt="" src="" style="display: inline-block;" />
</span>
</div>


相关文章
|
22天前
|
存储 前端开发 开发者
深入了解 Sass 和 SCSS:CSS 预处理器的强大功能
Sass(Syntactically Awesome Stylesheets)是一个强大的 CSS 预处理器,为开发者提供了诸多高级特性,如变量、嵌套、混合、继承等,简化了 CSS 的编写和管理。SCSS 是 Sass 3 引入的新语法,完全兼容 CSS3,并增强了 Sass 的动态功能。本文详细介绍了 Sass 和 SCSS 的核心特性及其在实际开发中的应用,如变量定义、嵌套规则、混合、继承、以及常用的操作符与扩展功能。
25 0
|
5月前
|
前端开发 JavaScript 容器
技术经验解读:个人练习:使用HTML+CSS3制作图片轮播功能(不使用JavaScript)
技术经验解读:个人练习:使用HTML+CSS3制作图片轮播功能(不使用JavaScript)
64 0
|
6月前
|
存储 JavaScript 前端开发
笔.COOL,一个功能完备、使用便捷的在线HTML/CSS/JS以及Vue编辑器和作品分享平台
笔.COOL是一个新兴的在线 HTML/CSS/JS 及 Vue 编辑器,提供实时预览和云端存储功能。用户可以随时随地编写和保存代码,同时分享作品给他人预览和学习。它也是一个实用的 BUG 复现工具,支持嵌入编辑器到博客,促进代码交流。社区活跃,适合开发者展示作品、获取灵感和学习。
|
6月前
|
小程序 前端开发 JavaScript
使用CSS的媒体查询功能在小程序中实现自适应布局
使用CSS的媒体查询功能在小程序中实现自适应布局
|
6月前
|
前端开发
购物车的功能——CSS源码
购物车的功能——CSS源码
|
6月前
html+css+js完成代码弹出功能
html+css+js完成代码弹出功能
51 0
|
6月前
|
前端开发 容器
前端知识笔记(二十七)———CSS核心功能手册:从熟悉到精通
前端知识笔记(二十七)———CSS核心功能手册:从熟悉到精通
51 0
|
6月前
|
前端开发 容器
前端知识笔记(三)———CSS核心功能手册:从熟悉到精通
前端知识笔记(三)———CSS核心功能手册:从熟悉到精通
50 0
|
11月前
|
JavaScript
HTML+CSS+JS实现计算机功能(二)
HTML+CSS+JS实现计算机功能
|
11月前
|
前端开发 JavaScript
HTML+CSS+JS实现计算机功能(一)
HTML+CSS+JS实现计算机功能

热门文章

最新文章