html – Page 3 – SyntaxBug

HTML+CSS to create login page

1. Running screenshot 2. Picture resources The picture can be changed into the picture you like in the body Three. Code <!doctype html> <html> <head> <meta charset=”utf-8″> <style> \t\t\t body{ background-image: url(../img/a.webp); background-repeat: no-repeat; position: absolute; background-size: cover; left: 30%; } \t\t\t img{ opacity: 0.5; } \t\t\t input[type=”reset”] { background-color: blue; color: white; font-size: 16px; […]

HTML + CSS serialization | 28 – HTML list Toutiao

1. List of cases-Toutiao In the previous section, we have completed the construction of the basic structure, and now we can set the styles one by one. Set the style of news title serial numbers First, set the style of the serial number of the news title. You can use the browser’s inspection tool to […]

HTML + CSS serialization | 29 – HTML list Toutiao

1. List of cases-Toutiao In the previous section, we have basically completed the development of today’s headline news list, but the icons on the right side of the news titles are the same. By looking at the original style, there are many other icons, so we can try to use other icons. Other icon settings […]

HTML and css to create a QQ number application page

css .block{ width: 800px; height: 1000px; } .headlinePicture{ width: 200px; height: 63px; float: left; } .headlineTxt{ width: 500px; height: 63px; float: left; text-align: right; } .column{ width: 700px; height: 40px; float: left; background-color:#B9E2FE; } .insideColumn{ width: 580px; height: 30px; float: left; background-color: #F2FCFE; } .txtColumn{ width: 120px; height: 30px; text-align: center; float: left; } .blankColumn{ […]

json format verification tool developed based on jquery+html

Introduction to json JSON is a lightweight data exchange format. Easy for humans to read and write. It is also easy for machines to parse and generate. It is based on JavaScript Programming Language, a subset of Standard ECMA-262 3rd Edition – December 1999. JSON uses a completely language-independent text format, but also uses conventions […]

HTML + CSS serialization | 25 – CSS setting background

1. Set background-background-position background-position is used to set the specific position of the background image in the horizontal and vertical directions. You can set specific values, such as 20px 30px. You can also set left\top, center, and right in the horizontal and vertical directions. \bottom and other values. If only one direction is set, the […]

HTML + CSS serialization | 22 – Box Model B Station (Part 1)

1. Implement the video item on the homepage of station B In addition to a product in the product list of an e-commerce website that can be viewed as a box, each video on the homepage of many video websites can also be viewed as a box, such as a video on the homepage of […]

HTML JS CSS implements a range selection control that can be dragged at both ends

Recently, I had a need to select a numerical range on a web page. I searched online and couldn’t find a suitable one. Maybe I will never use Baidu search. I have changed a lot of keywords, but the search results seem to be the same. After flipping through more than ten pages, I really […]

Python sends emails in html format with pictures and parameters

#coding:utf-8 #!/usr/local/python3.6/bin/python3 import pandas as pd import pyodbc import matplotlib.pyplot as plt import waterfall_chart import numpy as np from datetime import datetime, timedelta import smtplib from email.mime.text import MIMEText from email.mime.image import MIMEImage from email.mime.application import MIMEApplication from email.mime.multipart import MIMEMultipart from email.header import Header import os cnxn = pyodbc.connect( ‘DRIVER={SQL Server};SERVER=;DATABASE=;UID=;PWD=’)#DRIVER={ODBC Driver 17 for […]