美文网首页
html+css代码集

html+css代码集

作者: AC编程 | 来源:发表于2024-01-31 11:46 被阅读0次

一、画一条横线

<div style="width: 100%;  background: rgb(194, 193, 193); height: 1px; margin-top: -5px; margin-bottom: 10px;" />

二、div块颜色渐变

<template>
  <div style="margin: 50px;">
    <div style="background: linear-gradient(to right, #20b2aa, #20FAFA);width: 300px; height: 200px;">
    </div>
  </div>
</template>

效果图


效果图

相关文章

  • jQuery实现视差滚动轮播代码解析之 JavaScript

    系列 jQuery实现视差滚动轮播代码解析之 HTML+CSS 一、前言 接上一章,HTML+CSS针对此完成了他...

  • JQuery 干货篇之选择元素

    JQuery 干货篇之选择元素 实验的HTML+CSS的代码 html css 选择器 :animated :选择...

  • html+css常用代码

    video标签 图片错误处理 动态引入js 多行省略 sass for 循环 sass 数组遍历

  • JavaScript--拖拽原理

    拖拽雏形:html+css 代码: 问题:如果鼠标拖的快点,会发现鼠标从div出去后,这个时候div不会跟着鼠标走...

  • EPUB电子书制作

    #EPUB电子书制作# 这是我第一本使用标准HTML+CSS代码制作出来的优质电子书,挺激动的。当然,代码不是我写...

  • 大前端完整学习路线(上篇)

    【HTML+CSS】: HTML进阶、CSS进阶、div+css布局、HTML+css整站开发、 JavaScri...

  • JS学习路径

    JS范畴 js属于web前端开发代码,html+css建立一个静态页面,js为页面增加动态效果。 JS功能 1、增...

  • 移动端拍照并上传

    自己开发的移动端拍照上传图片代码(自己总结收藏一下),我用的是pug+less语法,可以自己转成html+css,...

  • html space空格符

    html+css 代码在网页中如何插入打出空格字符实现方法 摘要 浏览器总是会截短 HTML 页面中的空格。HTM...

  • jq无缝轮播图

    html+css部分 jq部分

网友评论

      本文标题:html+css代码集

      本文链接:https://www.haomeiwen.com/subject/hckmodtx.html