【JAVA WEB】 css背景属性 圆角矩形的绘制
目录
背景属性设置
圆角矩形
背景属性设置
背景颜色,在style中
background-color:颜色；
背景图片
background-image:url(……)
背景图片的平铺方式
background-repeat: 平铺方式
- repeat 平铺（默认）
- no-repeat 不平铺
- repeat-x 水平平铺
- repeat-y 垂直平铺
背景图片的位置
background-position:200px 200px; //x轴 y轴
//也可以用以下方式
1.方位名词：（top，left，right，botton）
2.精确单位：坐标或者百分比，左上角为原点
3.混合单位：同时包含方位名词和精确单位
背景尺寸
background-size: length | percentage | cover | contain;
- cover背景图片会完全覆盖背景区域，可能会造成图片未完全显示
- contain背景图片会有留白
圆角矩形
border: 2px green solid; /*加边框*/
border-radius: 20px; /*设置圆角弧度*/
border-radius通常也用来画圆：
当border-radius 的值为高度或者宽度的一般，即可画出圆的效果，如下示例
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
div{
width: 200px;
height: 200px;
border: 2px green solid; /*加边框*/
border-radius: 100px; /*也可换成 border-radius: 50%；*/
}
</style>
</head>
<body>
<div> </div>
</html>
当然我们也可以对一个矩形的四个角进行单独设置
//左上角
border-top-left-radius: 20px;
//右上角
border-top-right-radius: 40px;
//左下角
border-bottom-left-radius: 20px;
//右下角
border-bottom-right-radius: 20px;
上述代码也可以简写为：
border-radius: 20px 40px 20px 20px; /*按 左上角-右上角-右下角-左下角 的顺序
相关文章：
【JAVA WEB】 css背景属性 圆角矩形的绘制
目录 背景属性设置 圆角矩形 背景属性设置 背景颜色,在style中 background-color:颜色； 背景图片 background-image:url(……) 背景图片的平铺方式 background-repeat: 平铺方式 repeat 平铺（默认）no-repeat 不平铺repeat-x 水平平铺repea…...
Docker-现代化应用部署的利器
一、容器部署的发展 今天我们来说说容器部署。我们知道容器部署的发展大致分三个阶段，下面来介绍一下不同阶段的部署方式的优缺点 物理机部署 优点是可以提供更高的性能、资源控制，也可以提供更好的数据隔离和安全性，因为不同的应用程序运行在…...
「优选算法」：山脉数组的峰顶索引
一、题目 符合下列属性的数组 arr 称为 山脉数组 ： arr.length > 3存在 i（0 < i < arr.length - 1）使得： arr[0] < arr[1] < ... arr[i-1] < arr[i] arr[i] > arr[i1] > ... > arr[arr.length - 1] …...
网络安全红队基础建设与介绍
1.ATT&CK相关背景 ATT&CK在各种日常环境中都很有价值。开展任何防御活动时，可以应用ATT&CK防御法，参考攻击者及其行为。ATT&CK不仅对网络防御者提供通用技术库，还为渗透测试和红队提供了基础。提到对抗行为时，这为…...
Java语法学习反射
Java语法学习反射 大纲 基本介绍class的介绍 具体案例 1. 基本介绍 流程图（程序在计算机的阶段） 反射的主要的类 这个提高效率不大 2. class的介绍 对于第三点：首先类只会加载一次，得到的class的对象，也只有一…...
【MySQL】操作库 —— 库的操作 -- 详解
一、增删数据库 1、创建数据库 create database db_name; 本质就是在 /var/lib/mysql 创建一个目录。 说明： 大写的表示关键字。[ ] 是可选项。CHARACTER SET：指定数据库采用的字符集。COLLATE：指定数据库字符集的校验规则。 2、数据库删除…...
Rust安装——Win10
安装步骤 1、下载RUSTUP-INIT.EXE（64-BIT） 2、由于国外源下载依赖太慢，因此建议增加win10环境变量配置国内源，增加RUSTUP_DIST_SERVER、RUSTUP_UPDATE_ROOT环境变量即可 RUSTUP_DIST_SERVER随便选择其中的一个源就行，…...
【教学类-46-07】20240212立体春字1.0
背景需求： 在南浔古镇的非遗文化馆里看到一个新年活动折纸——立体春字， 我记得这个就是一个双三角结构折纸，完全可以用15*15的手工纸给孩子们做一套。 折纸教程 双三角折法 【“鼠”你有才】纸艺教学 剪纸——立体春字（2月23日…...
Python语言例题集（003）
#!/usr/bin/python3 #猜数字 import random secretNumberrandom.randint(1,20) print(‘我想了一个1到20间的整数，你能猜出来吗？’) for guessesTaken in range(1,7): print(‘猜一下！’) guessint(input()) if guess<secretNumber: pr…...
UE5 播放本地MP3、MP4
1.创建一个媒体播放器 2.如创建视频，勾选。 它会多一个媒体纹理给你 3.1 设置音频 在一个actor上添加“媒体音频组件” “音频媒体播放器”赋值给它 3.2播放音频 添加一个音频媒体播放器变量， 赋值 地址使用绝对地址 4.1设置视频 UI上创建一个imag…...
NLP_“预训练+微调大模型”模式和Prompt/Instruct模式的异同
文章目录 “预训练微调大模型”的模式以提示/指令模式直接使用大模型“预训练微调大模型”模式和Prompt/Instruct模式的异同小结 “预训练微调大模型”的模式 经过预训练的大模型所习得的语义信息和所蕴含的语言知识，很容易向下游任务迁移。NLP应用人员可以根据自己…...
普通人应该如何使用GPT
现在GPT4推出的GPTs，包含了各个行业方向，比如DALL（绘图）、Diagrams（图标、流程图）、KAYAK（航旅助手）、Murder Mystery Mayhem（侦探扮演）、Canva（设…...
pycharm像jupyter一样在控制台查看后台变量
更新下：这个一劳永逸不用一个一个改 https://blog.csdn.net/Onlyone_1314/article/details/109347481 右上角运行...
Ansible command命令模块 这个模块可以直接在远程主机上执行命令，并将结果返回本主机。
目录 参数介绍练习环境配置主机清单配置无密码链接ping模块 command 命令模块也可以用来安装点东西看个路径 command 指定目录来 指定命令 参数介绍 chdir # 在执行命令之前，先切换到该目录 executable # 切换shell来执行命令，需要使用命令的绝对…...
C语言-3
定义指针 /*指针的概念:1.为了方便访问内存中的内容，给每一个内存单元，进行编号，那么我们称这个编号为地址，也就是指针。2.指针也是一种数据类型，指针变量有自己的内存，里面存储的是地址，也就是…...
Quartus工程的qsf配置约束文件介绍
一、qsf文件概述 qsf：Quartus Setting File，是Quartus工程的配置文件； 包含一个Quartus工程的所有约束，包括工程的软件版本信息、FPGA器件信息、引脚约分配、引脚电平分配，编译约束和用于Classic TimingAnalyzer的时…...
【网工】华为设备命令学习（Telnet)
本次实验AR3为我们实际中远程的路由，AR4模拟我们的设备，最终实现Telnet的远程控制路由！ 本次笔记主要记录Telnet技术实现原理，后续再补充具体配置代码。 Telnet协议是TCP/IP协议族中的一员，是Internet远程登录服务的…...
搜索专项---最短路模型
文章目录 迷宫问题武士风度的牛抓住那头牛 一、迷宫问题OJ链接 本题思路:只需要记录各个点是有哪个点走过来的，就能递推得出路径。记录前驱假设从 1,1 这个点向下走到了2, 1，则将2,1这个点的前驱记为1,1。这样，将整张地图 bfs 后，…...
安装PostgreSQL和PostGIS
安装环境 Windows 2019 Standard Server 安装PostgreSQL 安装PostgreSQL 16 安装PostGIS 用PostgreSQL 16对应的PostGIS https://download.osgeo.org/postgis/windows/pg16/ https://download.osgeo.org/postgis/windows/pg16/postgis-bundle-pg16x64-setup-3.4.1-1.exe 创建…...
MySQL-----DCL基础操作
▶ DCL简介 DCL英文全称是Data ControlLanguage(数据控制语言)，用来管理数据库用户、控制数据库的访问权限。 DCL--管理用户 ▶ 查询用户 use mysql; select * from user; ▶ 创建用户 ▶ 语法 create user 用户名主机名 identified by 密码 设置为在任意主机上访问…...
python打卡day49
知识点回顾： 通道注意力模块复习空间注意力模块CBAM的定义 作业：尝试对今天的模型检查参数数目，并用tensorboard查看训练过程 import torch import torch.nn as nn# 定义通道注意力 class ChannelAttention(nn.Module):def __init__(self,…...
反向工程与模型迁移：打造未来商品详情API的可持续创新体系
在电商行业蓬勃发展的当下，商品详情API作为连接电商平台与开发者、商家及用户的关键纽带，其重要性日益凸显。传统商品详情API主要聚焦于商品基本信息（如名称、价格、库存等）的获取与展示，已难以满足市场对个性化、智能…...
java调用dll出现unsatisfiedLinkError以及JNA和JNI的区别
UnsatisfiedLinkError 在对接硬件设备中，我们会遇到使用 java 调用 dll文件 的情况，此时大概率出现UnsatisfiedLinkError链接错误，原因可能有如下几种 类名错误包名错误方法名参数错误使用 JNI 协议调用，结果 dll 未实现 JNI 协…...
macOS多出来了：Google云端硬盘、YouTube、表格、幻灯片、Gmail、Google文档等应用
文章目录 问题现象问题原因解决办法 问题现象 macOS启动台（Launchpad）多出来了：Google云端硬盘、YouTube、表格、幻灯片、Gmail、Google文档等应用。 问题原因 很明显，都是Google家的办公全家桶。这些应用并不是通过独立安装的…...
多种风格导航菜单 HTML 实现（附源码）
下面我将为您展示 6 种不同风格的导航菜单实现，每种都包含完整 HTML、CSS 和 JavaScript 代码。 1. 简约水平导航栏 <!DOCTYPE html> <html lang"zh-CN"> <head><meta charset"UTF-8"><meta name"viewport&qu…...
网络编程（UDP编程）
思维导图 UDP基础编程（单播） 1.流程图 服务器：短信的接收方 创建套接字 (socket)-----------------------------------------》有手机指定网络信息-----------------------------------------------》有号码绑定套接字 (bind)--------------…...
基于matlab策略迭代和值迭代法的动态规划
经典的基于策略迭代和值迭代法的动态规划matlab代码，实现机器人的最优运输 Dynamic-Programming-master/Environment.pdf , 104724 Dynamic-Programming-master/README.md , 506 Dynamic-Programming-master/generalizedPolicyIteration.m , 1970 Dynamic-Programm…...
安卓基础（aar）
重新设置java21的环境，临时设置 $env:JAVA_HOME "D:\Android Studio\jbr" 查看当前环境变量 JAVA_HOME 的值 echo $env:JAVA_HOME 构建ARR文件 ./gradlew :private-lib:assembleRelease 目录是这样的： MyApp/ ├── app/ …...
回溯算法学习
一、电话号码的字母组合 import java.util.ArrayList; import java.util.List;import javax.management.loading.PrivateClassLoader;public class letterCombinations {private static final String[] KEYPAD {"", //0"", //1"abc", //2"…...
【分享】推荐一些办公小工具
1、PDF 在线转换 https://smallpdf.com/cn/pdf-tools 推荐理由：大部分的转换软件需要收费，要么功能不齐全，而开会员又用不了几次浪费钱，借用别人的又不安全。 这个网站它不需要登录或下载安装。而且提供的免费功能就能满足日常…...