CSS - 分享生活和学习中的点点滴滴

前端技术 2023/09/06 CSS

用css3制作纸张效果一、中规中矩的效果所谓“中规中矩的效果”就是加个投影，贴个胶带什么的。效果如下：这里纸张本身的效果没有什么说头的，就是个CSS3的box-shadow投影效果而已，相关代码如下：复制代码代码如下:-moz-box-shadow: 0 2px 10px...

让文字旋转270度的css样式

前端技术 2023/09/06 CSS

复制代码代码如下: <!DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.0 Transitional//EN\"> <HTML> <HEAD> <TITLE> New Document </...

前端技术 2023/09/06 CSS

基于webkit的浏览器现在可以自定义其滚动条的样式了，实现代码如下：复制代码代码如下:::-webkit-scrollbar/*整体部分*/{width: 10px;height:10px;} ::-webkit-scrollbar-track/*滑动轨道*/{-webki...

前端技术 2023/09/06 CSS

首先附上效果图：以上的效果完全是用 css 来实现的，那么是怎么实现的呢？我们知道 html 中有一些特殊的字符，具体的请点击 HTML特殊字符大全。通过特殊字符，利用 css 中的 margin 或者 position 方法完全可以实现以上效果。复制代码代码如下:&l...

前端技术 2023/09/06 CSS

一、浏览器自带的自动换行各浏览器自身都带有自动换行功能，当浏览器显示文本的时候会让文本在浏览器或者div元素的右端自动换行。换行情况如下： 1.non-CJK：会在半角空格或者连字符(-)位置自动换行，不会在长单词的中间换行 2.CJK(中日韩)：可以在任何一个CJK字体后换行...

前端技术 2023/09/06 CSS

复制代码代码如下: <!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Transitional//EN\" \"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd\"&g...

基于css3实现漂亮便签样式

前端技术 2023/09/06 CSS

效果图如下：代码如下：复制代码代码如下: <!doctype html> <html> <head> <meta charset=\"utf-8\"> <title>Live Preview<...

前端技术 2023/09/06 CSS

DIV+CSS 清除浮动是页面布局中常见的问题，相信各位高手也都有自己的方法，今天在这里对常见的几种方法进行总结（PS：谈不上是原创，这里是我自己做的归纳总结，也是我自己内化的过程），希望对您能够有所帮助。 DIV+CSS 浮动效果是指，父元素在未定义高的情况下，由于子元素全...

前端技术 2023/09/06 CSS

有时我们会给页面的元素（比如div）设置个固定的高度或宽度。但如果给这个div又设置了内边距或者边框的话，那么这个div就会被撑大。也就是其实际的尺寸变成了：设置的宽高尺寸+内边距+边框。这样就有可能对我们的布局造成影响，如果不想让内边距和边框影响到我们设置的固定尺寸，可以借助...

前端技术 2023/09/06 CSS

第一种：在模板中定义了一段代码，用于实现“推荐阅读”功能。在实现过程中，包含如下代码：复制代码代码如下: <div class=\"tjyd\"> <p>推荐阅读</p> <ul> [e:loop={\'se...

关闭

我的博客