Home Web Front-end HTML Tutorial [Skills] Use pure CSS html to write direction arrows, simple and elegant, good-looking_html/css_WEB-ITnose

[Skills] Use pure CSS html to write direction arrows, simple and elegant, good-looking_html/css_WEB-ITnose

Jun 24, 2016 pm 12:05 PM
Skill Simple

Use pure CSS html to write direction arrows, and you can use them as soon as you paste them. 100% original

<html>                <head>                <title></title>                                <meta http-equiv="content-type" content="text/html; charset=utf-8" />                    <style type="text/css">.pointsRule{    display: inline-block;    font-size: 12px;    margin-top: 20px;    float: left;    margin-left: 50px;}.pointsRule span{    float: left;    display: inline-block;}.pointsRule ul{    list-style: none;    margin: 0;    padding: 0;    display: inline-block;    float: left;    width: 100%;}.pointsRule ul li{    display: list-item;    text-align: center;    float: left;    margin: 10px 0 0;    background: #fff;    border-top: 1px solid #0F0F0F;    border-bottom: 1px solid #0F0F0F;    height: 45px;}.pointsRule ul li:first-child{    border-left: 1px solid #0F0F0F;}.pointsRule ul li:last-child{}.pointsRule ul li a{    display: block;    padding: 8px 0;    cursor: pointer;}.pointsRule ul li span{    vertical-align: middle;    width: 150px;    height: 18px;    line-height: 25px;    display: inline-block;    overflow: hidden;    text-align: center;    margin-left: 20px;}.pointsRule ul li  i {    float: right;    border: #130303 solid;    border-width: 1px 1px 0 0;    width: 32px;    height: 32px;    margin: -2px -17px 0px 10px;    top: 2px;    transform: rotate(45deg);    -webkit-transform: rotate(45deg);    background-image: url("");}                    </style>                </head>                <body> <div class="pointsRule">                 <span>欢迎成为VIP 诚邀您参加VIP购物积分回馈活动,尊享精彩纷呈的购物体验及贵宾礼遇!</span>                  <ul>                    <li ><a><span>1.累计购物积分</span><i></i></a></li>                    <li><a><span>2.兑换购物积分</span><i></i></a></li>                    <li><a><span>3.使用积分抵用电子礼券</span><i></i></a></li>                 </ul>             </div>                          </body></html>
Copy after login


Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Hot AI Tools

Undresser.AI Undress

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

AI Clothes Remover

Online AI tool for removing clothes from photos.

Undress AI Tool

Undress AI Tool

Undress images for free

Clothoff.io

Clothoff.io

AI clothes remover

AI Hentai Generator

AI Hentai Generator

Generate AI Hentai for free.

Hot Article

R.E.P.O. Energy Crystals Explained and What They Do (Yellow Crystal)
2 weeks ago By 尊渡假赌尊渡假赌尊渡假赌
Repo: How To Revive Teammates
4 weeks ago By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Adventure: How To Get Giant Seeds
4 weeks ago By 尊渡假赌尊渡假赌尊渡假赌

Hot Tools

Notepad++7.3.1

Notepad++7.3.1

Easy-to-use and free code editor

SublimeText3 Chinese version

SublimeText3 Chinese version

Chinese version, very easy to use

Zend Studio 13.0.1

Zend Studio 13.0.1

Powerful PHP integrated development environment

Dreamweaver CS6

Dreamweaver CS6

Visual web development tools

SublimeText3 Mac version

SublimeText3 Mac version

God-level code editing software (SublimeText3)

The easiest way to query the hard drive serial number The easiest way to query the hard drive serial number Feb 26, 2024 pm 02:24 PM

The hard disk serial number is an important identifier of the hard disk and is usually used to uniquely identify the hard disk and identify the hardware. In some cases, we may need to query the hard drive serial number, such as when installing an operating system, finding the correct device driver, or performing hard drive repairs. This article will introduce some simple methods to help you check the hard drive serial number. Method 1: Use Windows Command Prompt to open the command prompt. In Windows system, press Win+R keys, enter "cmd" and press Enter key to open the command

How to write a simple online reservation system through PHP How to write a simple online reservation system through PHP Sep 26, 2023 pm 09:55 PM

How to write a simple online reservation system through PHP. With the popularity of the Internet and users' pursuit of convenience, online reservation systems are becoming more and more popular. Whether it is a restaurant, hospital, beauty salon or other service industry, a simple online reservation system can improve efficiency and provide users with a better service experience. This article will introduce how to use PHP to write a simple online reservation system and provide specific code examples. Create database and tables First, we need to create a database to store reservation information. In MyS

How to write a simple student performance report generator using Java? How to write a simple student performance report generator using Java? Nov 03, 2023 pm 02:57 PM

How to write a simple student performance report generator using Java? Student Performance Report Generator is a tool that helps teachers or educators quickly generate student performance reports. This article will introduce how to use Java to write a simple student performance report generator. First, we need to define the student object and student grade object. The student object contains basic information such as the student's name and student number, while the student score object contains information such as the student's subject scores and average grade. The following is the definition of a simple student object: public

Quick Start: Use Go language functions to implement a simple library management system Quick Start: Use Go language functions to implement a simple library management system Jul 30, 2023 am 09:18 AM

Quick Start: Implementing a Simple Library Management System Using Go Language Functions Introduction: With the continuous development of the field of computer science, the needs of software applications are becoming more and more diverse. As a common management tool, the library management system has also become one of the necessary systems for many libraries, schools and enterprises. In this article, we will use Go language functions to implement a simple library management system. Through this example, readers can learn the basic usage of functions in Go language and how to build a practical program. 1. Design ideas: Let’s first

What are Botio's skills in Collapsed Star Railroad? What are Botio's skills in Collapsed Star Railroad? Mar 26, 2024 pm 07:56 PM

Honkai Impact Railway Botio is a five-star character launched in version 2.2 of the game. Many players must be very curious about the skills of Honkai Impact Railway Botio, so next the editor will bring you the Honkai Impact Let’s take a look at the introduction to Dome Railway Potio’s skills. What are the skills of Collapse Star Railroad Potio? 1. Basic attack: Normal normal attack, has no effect. 2. Combat skill: Launch a desperate confrontation between yourself and the designated enemy, lasting two rounds. In a desperate situation, the enemy will enter a taunting state. Botio cannot use any combat skills, and his basic attack Shoes and Skull is enhanced into a Hammer Repeater. When the enemy/Botio is in a desperate confrontation and is attacked by the opponent, the damage will be increased by 30%/15%. If there is nothing on the field that can be attacked

How to write a simple music recommendation system in C++? How to write a simple music recommendation system in C++? Nov 03, 2023 pm 06:45 PM

How to write a simple music recommendation system in C++? Introduction: Music recommendation system is a research hotspot in modern information technology. It can recommend songs to users based on their music preferences and behavioral habits. This article will introduce how to use C++ to write a simple music recommendation system. 1. Collect user data First, we need to collect user music preference data. Users' preferences for different types of music can be obtained through online surveys, questionnaires, etc. Save data in a text file or database

How to use PHP to develop simple file management functions How to use PHP to develop simple file management functions Sep 20, 2023 pm 01:09 PM

Introduction to how to use PHP to develop simple file management functions: File management functions are an essential part of many web applications. It allows users to upload, download, delete and display files, providing users with a convenient way to manage files. This article will introduce how to use PHP to develop a simple file management function and provide specific code examples. 1. Create a project First, we need to create a basic PHP project. Create the following file in the project directory: index.php: main page, used to display the upload table

How to write a simple web crawler using PHP How to write a simple web crawler using PHP Jun 14, 2023 am 08:21 AM

A web crawler is an automated program that automatically visits websites and crawls information from them. This technology is becoming more and more common in today's Internet world and is widely used in data mining, search engines, social media analysis and other fields. If you want to learn how to write a simple web crawler using PHP, this article will provide you with basic guidance and advice. First, you need to understand some basic concepts and techniques. Crawling target Before writing a crawler, you need to select a crawling target. This can be a specific website, a specific web page, or the entire Internet

See all articles