box-shadow: none | inset(可选值,不设置,为外投影,设置,为内投影) x-offset(阴影水平,正值,则阴影在对象的右边,负值,阴影在对象的左边。
原创 2023-05-20 07:47:22
149阅读
1、html <div class="loginbody"> <div class="border_corner border_corner_left_top"></div> <div class="border_corner border_corner_right_top"></div> <div ...
转载 2021-10-14 11:48:00
2355阅读
2评论
?。
原创 2023-05-20 07:47:02
81阅读
显示边框的四个
原创 8月前
88阅读
一、Css3 实现扇形 实现原理说明 使用transform skew 扭曲实现扇形角度,使用rotate宣传,实现多角度。 原理图: 二、Css3 实现六扇形 实现案例 css代码: .circleBlock { width: 200px; height: 200px; border: 1px
转载 2020-10-19 17:43:00
1592阅读
2评论
python基础---字符编码  一、了解字符编码    1. 文本编辑器存取文件的原理(nodepad++,pycharm,word)        打开编辑器就打开了启动了一进程,是在内存中的,所以在编辑器编写的内容也都是存放与内存中的,断电后数据丢失          因而需要保存到硬盘上,点击保存按钮,就从内存中把数据刷到了硬盘
CSS3边框实例:<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>CSS3边框</title> <style>  div{ text-align:center; border:2px&nbsp
原创 2015-10-15 14:25:33
786阅读
div+css3普通圆角代码示例<style type="text/css"> #round { width:200px; height:100px; margin:0px auto; border: 5px solid #000; border-radius:15px; } </style> <div id="round"></div> 以上代码可直接复制到HTML文件中运行。 运行后的效果图 div+css3普通无边框圆角代码示例 <style type="text/css"&
转载 2013-06-20 19:58:00
196阅读
2评论
效果:代码:<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title
原创 2022-10-28 08:45:45
857阅读
# Android 四个设置弧形的实现指南 作为一名经验丰富的开发者,我很高兴能够帮助刚入行的小白们解决实际问题。今天,我们将一起学习如何在Android应用中实现四个设置为弧形的效果。这不仅能够提升应用的美观度,还能给用户带来更好的视觉体验。 ## 流程概览 首先,让我们通过一流程图来了解实现这一效果的整个流程: ```mermaid flowchart TD A[开始]
原创 2024-07-22 07:27:18
160阅读
不得不爱过渡(CSS3)案例过渡(CSS3)过渡(transition)是CSS3中具有颠覆性的特征之一,我们可以在不使用 Flash 动画或 JavaScript 的情况下,当元素从一种样式变换为另一种样式时为元素添加效果。过渡动画: 是从一状态 渐渐的过渡到另外一状态帧动画:通过一帧一帧的画面按照固定顺序和速度播放。
原创 2020-07-15 10:21:01
2202阅读
border-radius圆角圆形,border-radius制作圆角有两点技巧。-元素的宽度和高度相同。-圆角的半径值为元素宽度或宽度的一半或者直接设置圆角半径值为50%。2.半圆,border-radius制作半圆与制作圆形的方法是一样的,只是元素的宽度与圆角方位要配合一致,不同的宽度和高度比例,以及圆角方位,可以制作上半圆、下半圆、左半圆和右半圆效果。扇形,border-radius制作扇形
原创 2018-10-03 13:11:47
1268阅读
九、转换1、2D转换transform:用来设置2D或3D转换转换可以实现元素的位移、旋转、变形、缩放,甚至支持矩阵方式①移动translate(x,y)改变元素的位置,相对原来的位置的变化,如果为百分比则是相对于盒子的大小;translate3d(x,y,z)3d空间的位置移动②缩放scale(x,y)水平和垂直方向的缩放,x、y的取值可为小数,如果只有一参数即缩放的倍数;③旋转rotate(
原创 2018-01-26 10:49:30
685阅读
像手腕上散发的香水味CSS3盒模型案例CSS3盒模型CSS3中可以通过box-sizing 来指定盒模型,即可指定为content-box、border-box,这样我们计算盒子大小的方式就发生了改变。可以分成两种情况:1、box-sizing: content-box 盒子大小为 width + padding + border content-box:此值为其默认值,
原创 2020-07-15 09:25:54
791阅读
CSS3动画序列(CSS3)<!DOCTYPE html><html lang="en"><head> <meta charset="UT\
原创 2022-10-20 10:05:58
5122阅读
CSS3过渡效果(CSS3)<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">\
原创 2022-10-20 10:05:50
2155阅读
CSS基础《图解CSSCSS简介《图解CSS》选择器《图解CSS》盒子模型CSS
原创 2022-09-01 15:35:28
228阅读
CSS基础 《图解CSSCSS简介[https://www.jianshu.com/p/a42e4ff8b7d6] 《图解CSS》选择器[ht...
原创 2022-03-04 10:40:59
385阅读
CSS3实现三形实例:<!DOCTYPE html> <html> <head> <!--声明当前页面的编码格式 UTF-8(国际编码)gbk(中文简体)--> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"
原创 2015-10-15 10:50:40
629阅读
CSS3 设置某一的圆角,比如设置左上角的圆角:border-top-left-radius:30px 60px; 同时分别设置四个: border-radius:30px 60px 120px 150px; 设置四个圆角相同:border-radius:50%; CSS3阴影 box-s
原创 2021-08-05 17:28:57
273阅读
  • 1
  • 2
  • 3
  • 4
  • 5