


[スキル] 純粋な CSS + html を使用して、シンプルでエレガントな、見栄えの良い方向矢印を作成する_html/css_WEB-ITnose
Jun 24, 2016 pm 12:05 PM
純粋な CSS + html を使用して方向矢印を記述します。貼り付けた後に使用できます。100% オリジナルです
<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購物積分回饋活動(dòng),尊享精彩紛呈的購物體驗(yàn)及貴賓禮遇!</span> <ul> <li ><a><span>1.累計(jì)購物積分</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>

ホットAIツール

Undress AI Tool
脫衣畫像を無料で

Undresser.AI Undress
リアルなヌード寫真を作成する AI 搭載アプリ

AI Clothes Remover
寫真から衣服を削除するオンライン AI ツール。

Clothoff.io
AI衣類リムーバー

Video Face Swap
完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

人気の記事

ホットツール

メモ帳++7.3.1
使いやすく無料のコードエディター

SublimeText3 中國語版
中國語版、とても使いやすい

ゼンドスタジオ 13.0.1
強(qiáng)力な PHP 統(tǒng)合開発環(huán)境

ドリームウィーバー CS6
ビジュアル Web 開発ツール

SublimeText3 Mac版
神レベルのコード編集ソフト(SublimeText3)

ハードディスクのシリアル番號(hào)はハードディスクの重要な識(shí)別子であり、通常、ハードディスクを一意に識(shí)別し、ハードウェアを識(shí)別するために使用されます。場(chǎng)合によっては、オペレーティング システムのインストール時(shí)、正しいデバイス ドライバーの検索時(shí)、ハード ドライブの修復(fù)の実行時(shí)など、ハード ドライブのシリアル番號(hào)を照會(huì)する必要があることがあります。この記事では、ハードドライブのシリアル番號(hào)を確認(rèn)する簡単な方法をいくつか紹介します。方法 1: Windows コマンド プロンプトを使用してコマンド プロンプトを開きます。 Windows システムでは、Win+R キーを押し、「cmd」と入力し、Enter キーを押してコマンドを開きます。

PHP による簡単なオンライン予約システムの作成方法 インターネットの普及とユーザーの利便性の追求により、オンライン予約システムはますます普及しています。レストラン、病院、美容室、その他のサービス業(yè)であっても、シンプルなオンライン予約システムにより効率が向上し、ユーザーにより良いサービス體験を提供できます。この記事では、PHP を使用して簡単なオンライン予約システムを作成する方法と、具體的なコード例を紹介します。データベースとテーブルの作成 まず、予約情報(bào)を保存するデータベースを作成する必要があります。 MySで

PHP を使用して単純なファイル管理機(jī)能を開発する方法の紹介: ファイル管理機(jī)能は、多くの Web アプリケーションの重要な部分です。ユーザーはファイルをアップロード、ダウンロード、削除、表示できるため、ファイルを管理する便利な方法が提供されます。この記事では、PHP を使用して簡単なファイル管理機(jī)能を開発する方法と具體的なコード例を紹介します。 1. プロジェクトを作成する まず、基本的な PHP プロジェクトを作成する必要があります。プロジェクト ディレクトリに次のファイルを作成します:index.php: アップロード テーブルを表示するために使用されるメイン ページ

MySQL テーブル設(shè)計(jì)ガイド: 単純な従業(yè)員勤怠テーブルの作成 企業(yè)管理において、従業(yè)員の勤怠管理は重要なタスクです。従業(yè)員の出席を正確に記録およびカウントするために、MySQL データベースを使用して簡単な従業(yè)員出席シートを作成できます。この記事では、このテーブルを設(shè)計(jì)および作成する方法を説明し、対応するコード例を示します。まず、従業(yè)員の勤怠シートに必要なフィールドを特定する必要があります。一般的に、従業(yè)員の勤怠シートには少なくとも次のフィールドが含まれている必要があります: 従業(yè)員 ID、日付、勤務(wù)時(shí)間、非勤務(wù)時(shí)間

Honkai Impact Railway Botio は、ゲームのバージョン 2.2 で発売された 5 つ星のキャラクターです。多くのプレイヤーは Honkai Impact Railway Botio のスキルに非常に興味があるはずです。そこで、次に編集者が Honkai Impact の紹介を見てみましょうドーム鉄道ポティオのスキルに。崩壊星鉄道ポティオのスキルは何ですか? 1. 基本攻撃: 通常の通常攻撃、効果はありません。 2. 戦闘スキル: 自分と指定された敵の間で 2 ラウンド続く絶望的な対決を開始します。絶望的な狀況では、敵は挑発狀態(tài)になります。ボティオは戦闘スキルを使用できず、基本攻撃のシューズとスカルはハンマーリピーターに強(qiáng)化されます。敵/ボティオが絶體絶命の狀態(tài)で相手の攻撃を受けるとダメージが30%/15%増加します。フィールド上に攻撃できるものが何もない場(chǎng)合

Java を使用して簡単な生徒の成績レポート ジェネレーターを作成するにはどうすればよいですか? Student Performance Report Generator は、教師または教育者が生徒の成績レポートを迅速に作成するのに役立つツールです。この記事では、Java を使用して簡単な生徒の成績レポート ジェネレーターを作成する方法を紹介します。まず、學(xué)生オブジェクトと學(xué)生成績オブジェクトを定義する必要があります。學(xué)生オブジェクトには學(xué)生の名前や學(xué)生番號(hào)などの基本情報(bào)が含まれ、學(xué)生スコア オブジェクトには學(xué)生の科目のスコアや平均成績などの情報(bào)が含まれます。以下は、単純な Student オブジェクトの定義です。

C++ で簡単なマインスイーパー ゲームを作成するにはどうすればよいですか?マインスイーパは古典的なパズル ゲームで、プレイヤーは地雷を踏まずに既知の地雷原のレイアウトに従ってすべてのブロックを明らかにする必要があります。この記事では、C++を使った簡単なマインスイーパゲームの書き方を紹介します。まず、マインスイーパ ゲームのマップを表す 2 次元配列を定義する必要があります。配列內(nèi)の各要素は、ブロックが公開されているかどうか、地雷があるかどうかなど、ブロックのステータスを保存するために使用される構(gòu)造體にすることができます。さらに、次も定義する必要があります。

C++ で簡単な音楽レコメンデーション システムを作成するにはどうすればよいですか?はじめに: 音楽推薦システムは、現(xiàn)代の情報(bào)技術(shù)における研究のホットスポットであり、ユーザーの音楽の好みや行動(dòng)習(xí)慣に基づいて曲を推薦できます。この記事では、C++ を使用して簡単な音楽レコメンデーション システムを作成する方法を紹介します。 1. ユーザーデータを収集する まず、ユーザーの音楽嗜好データを収集する必要があります。さまざまな種類の音楽に対するユーザーの好みは、オンライン調(diào)査やアンケートなどを通じて取得できます。データをテキスト ファイルまたはデータベースに保存する
